/    Sign up×
Community /Pin to ProfileBookmark

how to change image source?

Copy linkTweet thisAlerts:
Oct 23.2006

Firstly sorry for my bad english!

Well where to start? Im 22 year old guy with little knowledge of html language. I have studied it my own hand, so im not very good at it. But lets get right to the point. I promised to make a homepage for my sister. One reguirement that my sister asked was a guestbook. Because the free webhosting service I joined wont allow any MySQL (that excludes out any chanche to download someones premade script), then i looked around and found this [url]http://two.guestbook.de[/url] service. It allows to change ur guestbook in pretty much every way, so it is easy to make it look same as a webpage that im working on. There are many different pre-made templates. One spesific got my attention ( [url]http://two.guestbook.de/demo/comic.html[/url] ). I would like to modify it in a way so i could change those pictures with some of my own made pics. They provide default templates source but its a shame they dont provide source for that spesific templates. It contains JavaScript and i am affraid im not good at all with JavaScript. Anyway i have managed to mix up something like this:
———————————————————

[CODE]<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.0 Transitional//EN”>

<HTML>
<HEAD>

<TITLE>Minu külalisteraamat</TITLE>
<script language=”JavaScript”>
<!– // Script (C)1998 by Andreas Nikisch for SPiN GmbH

var ComicURL=[COLOR=DarkRed]”/style/image/comic_”;[/COLOR]// var ComicURL=””+”comic_”;
var ComicPic=1;

CComic=new Array();

function WrongBrowser()
{
if (((navigator.appName==”Netscape”) || (navigator.appName==”Microsoft Internet Explorer”)) && (navigator.appVersion.substring(0,1)<4))
{
return true;
}
else
{
return false;
}
}

if (WrongBrowser()!=true)
{
CComic[0]=new Image();
CComic[1]=new Image();
CComic[2]=new Image();
CComic[3]=new Image();
CComic[4]=new Image();
CComic[5]=new Image();
CComic[6]=new Image();
CComic[7]=new Image();
CComic[8]=new Image();

CComic[0].src=ComicURL+”0.gif”;
CComic[1].src=ComicURL+”1.gif”;
CComic[2].src=ComicURL+”2.gif”;
CComic[3].src=ComicURL+”3.gif”;
CComic[4].src=ComicURL+”4.gif”;
CComic[5].src=ComicURL+”5.gif”;
CComic[6].src=ComicURL+”6.gif”;
CComic[7].src=ComicURL+”7.gif”;
CComic[8].src=ComicURL+”8.gif”;
}

function SetComicPicture(ComicNumber, form)
{
ComicPic=ComicNumber;
window.document.preview.src=CComic[ComicNumber].src;
return;
}

function ResetForm(form)
{
SetComicPicture(0, form);
ComicPic=1;
form.reset();
return;
}

function InsertPicture(form)
{
if( ( begin = form.content.value.toLowerCase().indexOf(ComicURL) + ComicURL.length ) != -1 &&
( end = form.content.value.toLowerCase().indexOf(“.gif”, begin) ) != -1 &&
end-begin < 5 )
{
form.content.value = form.content.value.substring(0,begin) + ComicPic +
form.content.value.substring(end,form.content.value.length);
}
else
{
form.content.value=”<IMG SRC=””+ComicURL+ComicPic+”.gif” align=”left” width=”70″ height=”100″ border=”3″ hspace=”6″>”+form.content.value;
}
form.submit();
return;
}

function ComicPicer()
{
if (WrongBrowser()==true) return;
document.write(” <br>”);
document.write(” <table border=”0″ cellpadding=”16″ cellspacing=”0″ bgcolor=”#eaeaea”>”);
document.write(” <tr>”);
document.write(” <TD><center><font face=”Comic Sans MS, Arial, Helvetica” size=”+1″ color=”#000000″>SPiN’s Famous Freaky Furry Comic Picker V0.94b</font></center>”);
document.write(” <p>”);
document.write(” <table border=”0″ cellpadding=”0″ cellspacing=”2″ align=”center”>”);
document.write(” <tr>”);
document.write(” <td align=”center” valign=”middle” width=”70″><img src=”/style/image/comic_0.gif” width=”70″ height=”100″ name=”preview” border=”3″></td>”);
document.write(” <td>&nbsp;</td>”);
document.write(” <td align=”center” valign=”middle”><img src=”/style/image/comic_1.gif” width=”70″ height=”100″ border=”3″></td>”);
document.write(” <td align=”center” valign=”middle”><img src=”/style/image/comic_2.gif” width=”70″ height=”100″ border=”3″></td>”);
document.write(” <td align=”center” valign=”middle”><img src=”/style/image/comic_3.gif” width=”70″ height=”100″ border=”3″></td>”);
document.write(” <td align=”center” valign=”middle”><img src=”/style/image/comic_4.gif” width=”70″ height=”100″ border=”3″></td>”);
document.write(” </tr>”);
document.write(” <tr>”);
document.write(” <td align=”center” valign=”middle”><font face=”Comic Sans MS, Arial, Helvetica” size=”-1″ color=”#000000″>YOUR PIC</font></TD>”);
document.write(” <td>&nbsp;</td>”);
document.write(” <td align=”center” valign=”middle”><input type=”Button” name=”Select Comic” value=”Comic 1″ onClick=”SetComicPicture(1, this.form)”></td>”);
document.write(” <td align=”center” valign=”middle”><input type=”Button” name=”Select Comic” value=”Comic 2″ onClick=”SetComicPicture(2, this.form)”></td>”);
document.write(” <td align=”center” valign=”middle”><input type=”Button” name=”Select Comic” value=”Comic 3″ onClick=”SetComicPicture(3, this.form)”></td>”);
document.write(” <td align=”center” valign=”middle”><input type=”Button” name=”Select Comic” value=”Comic 4″ onClick=”SetComicPicture(4, this.form)”></td>”);
document.write(” </tr>”);
document.write(” <tr>”);
document.write(” <td align=”center” valign=”top” width=”70″ rowspan=”2″><font face=”Comic Sans MS, Arial, Helvetica” size=”-2″ color=”#000000″>Add a comic to your entry:<p> Choose the picture you like and press the button:<br> “write it down with comic”!</font></TD>”);
document.write(” <td>&nbsp;</td>”);
document.write(” <td align=”center” valign=”middle”><img src=”/style/image/comic_5.gif” width=”70″ height=”100″ border=”3″></td>”);
document.write(” <td align=”center” valign=”middle”><img src=”/style/image/comic_6.gif” width=”70″ height=”100″ border=”3″></td>”);
document.write(” <td align=”center” valign=”middle”><img src=”/style/image/comic_7.gif” width=”70″ height=”100″ border=”3″></td>”);
document.write(” <td align=”center” valign=”middle”><img src=”/style/image/comic_8.gif” width=”70″ height=”100″ border=”3″></td>”);
document.write(” </tr>”);
document.write(” <tr>”);
document.write(” <td>&nbsp;</td>”);
document.write(” <td align=”center” valign=”middle”><input type=”Button” name=”Select Comic” value=”Comic 5″ onClick=”SetComicPicture(5, this.form)”></td>”);
document.write(” <td align=”center” valign=”middle”><input type=”Button” name=”Select Comic” value=”Comic 6″ onClick=”SetComicPicture(6, this.form)”></td>”);
document.write(” <td align=”center” valign=”middle”><input type=”Button” name=”Select Comic” value=”Comic 7″ onClick=”SetComicPicture(7, this.form)”></td>”);
document.write(” <td align=”center” valign=”middle”><input type=”Button” name=”Select Comic” value=”Comic 8″ onClick=”SetComicPicture(8, this.form)”></td>”);
document.write(” </tr>”);
document.write(” </table>”);
document.write(” </TD>”);
document.write(” </TR>”);
document.write(” </TABLE>”);
return;
}

function SubmitComicButton()
{
if (WrongBrowser()==true) return;
document.write(“<INPUT TYPE=”button” value=”write it down with comic” onClick=”InsertPicture(this.form)”>”);
return;
}

function ResetComicButton()
{
if (WrongBrowser()==true) return;
document.write(“<INPUT TYPE=”button” value=”reset form” onClick=”ResetForm(this.form)”>”);
return;
}

//–>
</script>

</HEAD>[/CODE]

to post a comment
JavaScript

1 Comments(s) ↴

Copy linkTweet thisAlerts:
@janx4uauthorOct 23.2006 — Sorry for continuing a code, its just because im newbi and im not sure what info is neccessary to whoever desides to help me.

[CODE]<BODY BGCOLOR="#ffffff" BACKGROUND=""
LINK="#0000ee" VLINK="#551a8b"
ALINK="#ff0000" TEXT="#000000" >

<DIV ALIGN="center">
<A HREF="/"><IMG BORDER=0 WIDTH=309 HEIGHT=61 SRC="/image/multigb.gif" ALT="guestbook.de"></A>
<P>
<B><FONT SIZE="+2">%TITLE%</FONT></B>
<P>
%GREETING%

<TABLE>
<TR>
<TD VALIGN="top"><CODE><B>Info:</B></CODE></TD>
<TD>
<CODE>
%NUM_ENTRIES% sissekannet %NUM_PAGES% lehel ·
praegune leht: %NUM_CUR_PAGE%<BR>
%NUM_HITS% klikki alates %NUM_HITS_DATE%
</CODE>
</TD>
</TR>
</TABLE>
</DIV>

<DIV ALIGN="center">
%INPUT%
<TABLE>
<TR>
<TD ALIGN="left"><FONT SIZE=-1> sinu nimi: </FONT></TD>
<TD ALIGN="left"><FONT SIZE=-1> sinu e-mail: </FONT></TD>
</TR>
<TR>
<TD>%I_FROM:25:%</TD>
<TD>%I_EMAIL:25:%</TD>
</TR>
<TR>
<TD COLSPAN=2><FONT SIZE=-1>sinu koduleht: </FONT></TD>
</TR>
<TR>
<TD COLSPAN=2>%I_URL:53:http://%</TD>
<TR>
<TD><FONT SIZE=-1>sinu kommentaar:</FONT>
<TD ALIGN="right"><FONT SIZE=-1>%I_HTML: HTML : TEXT : TEXT (only) %</FONT>
</TR>
<TR>
<TD COLSPAN=2>
%I_CONTENT:52:5%
</TD>
</TR>
<TR>
<TD COLSPAN=2 ALIGN="center">
%I_SUBMIT: tee sissekanne : muuda %
%I_RESET: uuesti %
</TD>
</TR>
</TABLE> <script language="JavaScript">
<!--
ComicPicer();
//-->
</script>

<TABLE border="0" cellpadding="0" cellspacing="0" bgcolor="#ffffff">
<TR>
<TD ALIGN="center">
<p><br>
<script language="JavaScript">
<!--
SubmitComicButton();
//-->
</script>
<INPUT TYPE="submit" NAME="create" VALUE=" write it down without comic ">
<noscript><BR><font size=-1 color=red>Please enable JavaScript and press Reload to make entries with comics!</font></noscript>
<script language="JavaScript">
<!--
ResetComicButton();
//-->
</script>
</td>
</tr>
%/INPUT%
</DIV>

<DIV ALIGN="center">
%N_LINK_PAGES:eelmine leht:j&auml;rgmine leht%
<HR NOSHADE WIDTH="90%">
<TABLE WIDTH="80%" BORDER=0>
%ENTRIES%
<TR>
<TD VALIGN="top" ALIGN="right">
<B><FONT SIZE="+2">%E_NUMBER%</FONT></B>&nbsp;
</TD>
<TD COLSPAN=2>
kuup&auml;ev: %E_DATE%<BR>
<EM><B>%E_FROM%</B> (%E_EMAIL% / %E_URL%) kirjutas:</EM>
<BR><BR>
%E_CONTENT%
<BR><BR>
</TD>
</TR>
%/ENTRIES%

</TABLE>

<P ALIGN="center">
<HR NOSHADE WIDTH="90%">
%N_LINK_PAGES:eelmine leht:j&auml;rgmine leht%<BR>
%POSNAME% %N_LINK_CC:Control-Center% ·
%POSNAME% %N_LINK_HP:koduleht%
</DIV>
<!-- The end of BODY and HTML will be set by the guestbook program -->[/CODE]

You can check it out at: http://two.guestbook.de/gb_owner.cgi?gid=868359&prot=bbaddv&amp;hidden


Images i try to change are uploaded at:

www.zone.ee/jnx

---------------------------------------------------------


I tryied to change following lines:

from:

var ComicURL="/style/image/comic_";

To

var ComicURL="http://zone.ee/jnx/comic_";

But it didnt help!


All ideas or right answers are really appreaciated! Im really sorry for making so long post, but this place seems to be the only way to get help. Please dont judge me for that.

Sincerely,

Ray
×

Success!

Help @janx4u spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 — BETA 5.18,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,

tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,
)...