twee bottons....
Hanssiman
ik heb twee bottons gemaakt. botton1.gif en botton2.gif
de bedoeling is nu om botton1 op mijn homepage te zetten, maar wanneer je er
met de muis overeenloopt, deze veranderd in button2. (zie je vaak op
homepages).
Nou, dit lukt me dus niet.
Wie wil me helpen.......wie geeft mij de HTML-code hiervoor??
Mijn dank zal groot zijn
MPHM Hanssen
Hubert
Jelle-Jan van Veelen
> Ik heb hulp nodig bij het ontwerp van mijn homepage.....:
>
> ik heb twee bottons gemaakt. botton1.gif en botton2.gif
> de bedoeling is nu om botton1 op mijn homepage te zetten, maar wanneer je er
> met de muis overeenloopt, deze veranderd in button2. (zie je vaak op
> homepages).
> Nou, dit lukt me dus niet.
> Wie wil me helpen.......wie geeft mij de HTML-code hiervoor??
Ervanuitgaande dat het een plaatje is dat naar 'email.html' gelinked moet worden
en 40 bij 60 pixels groot is, krijg je dit:
<html>
<head>
..
..
<script language="javascript">
knopje = new Image ; knopje.src = 'button2.gif'
</script>
..
</head>
<body>
..
..
<a href="email.html" onmouseover="knopje.src='button2.gif';return true;"
onmouseout="knopje.src='button1.gif'; return true;"><img src="button1.gif"
height="40" width="60" border=0 alt="stuur 's een mailtje" name="knopje"></a>
..
..
</body
</html>
Bedenk wel dat IE3 hele vreemde foutmeldingen geeft bij deze onmouseover's
(Javascript van IE3 kent 'Image' nog niet).
Ik gebruik het ook op m'n pagina (niet voor lang meer :-), dus als je wilt zien
hoe het zit dan weet je waar je moet zoeken.
Jelle-Jan
--
My homepage: http://surf.to/jelle-jan, which is short
for http://www.student.io.tudelft.nl/~io853104/index.html :-)
Have a look at it sometimes and tell me what you think of it.
YeaH Webdesign: http://surf.to/yeah (short for
http://www.student.io.tudelft.nl/~io853104/webdesign.html)
Hubert
Jelle-Jan van Veelen heeft geschreven in bericht
<365D6791...@iname.com>...
Dan kan verholpen worden met browser detectie in het javascript, kijk maar
eens in de source van projecta:
http://www.projecta.net/huis.htm
Pieter Coolsma
>Bedenk wel dat IE3 hele vreemde foutmeldingen geeft bij deze onmouseover's
>(Javascript van IE3 kent 'Image' nog niet).
...daarom is het handiger om bij mouseover en mouseout naar een functie te
springen en
in deze functie te beginnen met "if (document.images) etc" De mouseover word
dan voor
IE3 gewoon niet uitgevoerd en voor alle andere browser wel...
--
Pieter Coolsma
Work:
coo...@evident.nl
http://www.evident.nl
Private:
pcoo...@usa.net
http://members.xoom.com/Coolsma
http://hello.to/the.imac
Things you don't want your navy to say: "Stop the war. We need to reboot NT"
Jelle-Jan van Veelen
> Jelle-Jan van Veelen heeft geschreven in bericht
> >Bedenk wel dat IE3 hele vreemde foutmeldingen geeft bij deze onmouseover's
> >(Javascript van IE3 kent 'Image' nog niet).
>
> Dan kan verholpen worden met browser detectie in het javascript, kijk maar
> eens in de source van projecta:
> http://www.projecta.net/huis.htm
Ja dat weet ik, maar ik heb nog nooit echt verdiept in JavaScript, en ik ga geen
dingen in m'n source neerzetten waar ik zelf niets van begrijp. Dat is ook de
hoofdreden dat ik op m'n homepage geen JS functie voor mouseovers gebruik maar
voor elk image apart opgeef wat er moet gebeuren. Over een tijdje is 't
Sinterklaas en volgens mij heeft die een goed JS-boekje in z'n juten zak voor
me, dus met een beetje mazzel ben ik volgende maand een ontzettende JS-goeroe
:-)
Pieter Coolsma
>
>Dan kan verholpen worden met browser detectie in het javascript, kijk maar
>eens in de source van projecta:
>http://www.projecta.net/huis.htm
>
Uh Hubert?
Bij het laden van die pagina krijg ik de melding "Line 33 Char 11 Expected
']'"... Foutje?
--
Pieter Coolsma
Work:
coo...@evident.nl
http://www.evident.nl
"De personele bezetting op een helpdesk wordt bepaald door de
gebruiksvriendelijkheid van de software."
Hubert
Pieter Coolsma heeft geschreven in bericht
<73jq5n$slq$1...@newnews.nl.uu.net>...
>Hubert wrote in message <73jpqp$aqs$1...@thor.wirehub.nl>...
>>
>>Dan kan verholpen worden met browser detectie in het javascript, kijk maar
>>eens in de source van projecta:
>>http://www.projecta.net/huis.htm
>>
>
>
>Uh Hubert?
>
>Bij het laden van die pagina krijg ik de melding "Line 33 Char 11 Expected
>']'"... Foutje?
ai ai ai, welke browser is dat?
Jelle-Jan van Veelen
Met ns2, ns3, ns4, ie3 en ie4 krijg ik geen meldingen. Blijft over ns1, ie1,
ie2, mosaic en opera. Ben toch wel benieuwd...
JJ
Pieter Coolsma
>
>ai ai ai, welke browser is dat?
>
IE 4.01 / W98
Birkoff
Ik ben bang dat het niet lukt met een HTML-code, maar met het volgende
javascriptje moet het zeker lukken:
Tussen de HEAD tags plaats je het volgende script:
<script language="JavaScript">
<!--
if (document.images)
{
//Active Images
img1on = new Image(); img1on.src = "Img1on.gif";
img2on = new Image(); img2on.src = "Img2on.gif";
img3on = new Image(); img3on.src = "Img3on.gif";
img4on = new Image(); img4on.src = "Img4on.gif";
img5on = new Image(); img5on.src = "Img5on.gif";
img6on = new Image(); img6on.src = "Img6on.gif";
img1off = new Image(); img1off.src = "Img_off1.gif";
img2off = new Image(); img2off.src = "Img_off2.gif";
img3off = new Image(); img3off.src = "Img_off3.gif";
img4off = new Image(); img4off.src = "Img_off4.gif";
img5off = new Image(); img5off.src = "Img_off5.gif";
img6off = new Image(); img6off.src = "Img_off6.gif";
}
//Function to 'activate' images.
function imgOn(imgName)
{
if (document.images)
{
document[imgName].src = eval(imgName + "on.src");
}
}
//Function to 'deactivate' images.
function imgOff(imgName)
{
if (document.images)
{
document[imgName].src = eval(imgName + "off.src");
}
}
// -->
</script>
Hoe je de plaatjes noemt moet je zelf weten, maar zorg er voor, dat het een
beetje overzichelijk blijft.
Nu moet je de plaatjes in het document plaatsen:
Ik heb ze nu in een <a> tag staan, zodat je er een link van maakt.
<a href="1.htm" onmouseover= "imgOn('img1')" ; onmouseout=" imgOff('img1')">
<img src="Img1.gif" border=no name="img1">
</a>
<a href="2.htm" onmouseover=" imgOn('img2') "; onmouseout= "imgOff('img2')">
<img src="Img2.gif" border=no name="img2">
</a>
<a href="3.htm" onmouseover= "imgOn('img3') "; onmouseout=" imgOff('img3')">
<img src="Img3.gif" border=no name="img3">
</a>
<a href="4.htm" onmouseover= "imgOn('img4')" ; onmouseout= "imgOff('img4')">
<img src="Img4.gif" border=no name="img4">
</a>
<a href="5.htm" onmouseover= "imgOn('img5')" ; onmouseout=" imgOff('img5')">
<img src="Img5.gif" border=no name="img5">
</a>
<a href="6.htm" onmouseover=" imgOn('img6')" ; onmouseout=" imgOff('img6')">
<img src="Img6.gif"border=no name="img6">
</a>
Ik hoop dat het een beetje duidelijk is. Het laatste stuk moet gewoon tussen de
<body> tags.
Denk er om dat het het plaatje <tussen de Img tags> de naam geeft van het
plaatje wanneer het uit is.
Anders gaat er iets fout
Mocht je er niet uit komen, kijk dan eens op de site:
http://www.wedstrijd-0733.demon.nl/frame.htm
Hier staat een voorbeeldje er van.
Je kunt dit alles gewoon vrij gebruiken, ik heb het ook ergens vandaan gehaald,
dus geen probleem
Succes
Vriendelijke groet
Paul Bijl
p...@freemail.nl
Joost van der Maarel
>>
>>ik heb twee bottons gemaakt. botton1.gif en botton2.gif
>>de bedoeling is nu om botton1 op mijn homepage te zetten, maar wanneer je
>er
>>met de muis overeenloopt, deze veranderd in button2. (zie je vaak op
>>homepages).
>>Nou, dit lukt me dus niet.
>>Wie wil me helpen.......wie geeft mij de HTML-code hiervoor??
>>
>
>Bottons??? wat zijn dat
Hubert, plaag die arme jongen toch niet zo :-)
Overigens geeft 'ie elders wel "button" staan (voor het ( )
Joost
Twan van der Zandt
<a href="intro.html"
ONMOUSEOVER="document.mo2.src='knop2mo.gif'"
ONMOUSEOUT="document.mo2.src='knop2.gif'">
<IMG SRC="knop2.gif" NAME="mo2" border=0></a>
Het enige nadeel is dat het niet snel werkt.
Is het niet mogelijk om de nieuwe plaatjes vast te laden in <head> ofzo?
Kijk voor het resultaat op:
http://members.xoom.com/tajvdz/countrygirls.html
Nu heb ik een ander vraagje over een ander javascript.
Ik heb wat thumbnails die als je erop klikt openen in een nieuw scherm.
Dit werkt alleen maar in Netscape 4 en IE 4.
bij andere browsers geeft hij een error. Hoe kan ik dit verhelpen?
Dit is het script in <head>
<!--
function Pop(file,w,h){
Picture = open("","file","Width="+w+",Height="+h+"")
Picture.document.write("<html>\n<head>\n<title>Shania
Twain</title>\n</head>\n<body leftmargin='0' topmargin='0' marginwidth='0'
marginheight='0'>\n<a href='javascript:self.close()'>\n<img src='"+file+".jpg'
width='"+w+"' height='"+h+"' border='0'>\n</a>\n</body>\n</html>")
Picture.document.close()}
//-->
Dit script laat de thumbnails groter zien:
<a href="javascript:Pop('shania17',275,275)"><img src="shania17a.jpg"
Alt="shania17.jpg" border=0 WIDTH=100 HEIGHT=100></a>
Ook komt het nieuwe scherm ergens halverwege te staan en niet bovenaan.
Hoe kan ik dit nieuwe scherm helemaal laten tonen zonder het eerst te verslepen?
Als je wil zien wat ik bedoel kijk dna even in een van de Image-Gallery's op de
hierboven genoemde site.
Ook heb ik een script om de lijnen onder de links weg te halen. dit werkt goed in
netscape 4 maar in IE komt de lijn terug bij een bezochte link.
<STYLE TYPE="text/css">
<!--
A:link {font: 13pt Times New Roman; font-weight:bold; text-decoration: none}
-->
</STYLE>
Weet iemand misschien oplossingen voor deze problemen?
Twan van der Zandt
Jelle-Jan van Veelen wrote:
> Hanssiman schreef:
>
> > Ik heb hulp nodig bij het ontwerp van mijn homepage.....:
> >
> > ik heb twee bottons gemaakt. botton1.gif en botton2.gif
> > de bedoeling is nu om botton1 op mijn homepage te zetten, maar wanneer je er
> > met de muis overeenloopt, deze veranderd in button2. (zie je vaak op
> > homepages).
> > Nou, dit lukt me dus niet.
>
> > Wie wil me helpen.......wie geeft mij de HTML-code hiervoor??
>
> Ervanuitgaande dat het een plaatje is dat naar 'email.html' gelinked moet worden
> en 40 bij 60 pixels groot is, krijg je dit:
>
> <html>
>
> <head>
> ..
> ..
> <script language="javascript">
> knopje = new Image ; knopje.src = 'button2.gif'
> </script>
> ..
> </head>
>
> <body>
> ..
> ..
>
> <a href="email.html" onmouseover="knopje.src='button2.gif';return true;"
> onmouseout="knopje.src='button1.gif'; return true;"><img src="button1.gif"
> height="40" width="60" border=0 alt="stuur 's een mailtje" name="knopje"></a>
>
> ..
> ..
> </body
>
> </html>
>
> Bedenk wel dat IE3 hele vreemde foutmeldingen geeft bij deze onmouseover's
> (Javascript van IE3 kent 'Image' nog niet).
>
> Ik gebruik het ook op m'n pagina (niet voor lang meer :-), dus als je wilt zien
> hoe het zit dan weet je waar je moet zoeken.
>
> Jelle-Jan
>
Richard Noteboom
wrote:
>Nu heb ik een ander vraagje over een ander javascript.
>Ik heb wat thumbnails die als je erop klikt openen in een nieuw scherm.
>Dit werkt alleen maar in Netscape 4 en IE 4.
>bij andere browsers geeft hij een error. Hoe kan ik dit verhelpen?
>Dit is het script in <head>
><!--
> function Pop(file,w,h){
> Picture = open("","file","Width="+w+",Height="+h+"")
> Picture.document.write("<html>\n<head>\n<title>Shania
>Twain</title>\n</head>\n<body leftmargin='0' topmargin='0' marginwidth='0'
>marginheight='0'>\n<a href='javascript:self.close()'>\n<img src='"+file+".jpg'
>width='"+w+"' height='"+h+"' border='0'>\n</a>\n</body>\n</html>")
> Picture.document.close()}
>//-->
<URL:http//www.w3.org/TR/REC-html40/types.html#type-cdata>
<URL:http://www.w3.org/TR/REC-html40/appendix/notes.html#notes-specifying-data>
>Ook heb ik een script
Style Sheet.
> om de lijnen onder de links weg te halen. dit werkt goed in
>netscape 4 maar in IE komt de lijn terug bij een bezochte link.
><STYLE TYPE="text/css">
><!--
> A:link {font: 13pt Times New Roman; font-weight:bold; text-decoration: none}
>
> -->
></STYLE>
<URL:http://www.w3.org/TR/REC-CSS1#anchor-pseudo-classes>
--
Richard Noteboom
Ric...@noteboom.demon.nl
http://www.noteboom.demon.nl/
"Banana guilty of sodomy, flees Zimbabwe"
(BBC Ceefax headline)
Jaap Grol
Twan van der Zandt heeft geschreven in bericht <365DD8D9...@wxs.nl>...
>Het script dat ik op mijn pagina gebruik is iets simpeler.
>
><a href="intro.html"
>ONMOUSEOVER="document.mo2.src='knop2mo.gif'"
>ONMOUSEOUT="document.mo2.src='knop2.gif'">
><IMG SRC="knop2.gif" NAME="mo2" border=0></a>
>
>Het enige nadeel is dat het niet snel werkt.
>Is het niet mogelijk om de nieuwe plaatjes vast te laden in <head> ofzo?
>Kijk voor het resultaat op:
>http://members.xoom.com/tajvdz/countrygirls.html
>
>Ik heb wat thumbnails die als je erop klikt openen in een nieuw scherm.
>Dit werkt alleen maar in Netscape 4 en IE 4.
>bij andere browsers geeft hij een error. Hoe kan ik dit verhelpen?
<KNIP>
>Dit script laat de thumbnails groter zien:
><a href="javascript:Pop('shania17',275,275)"><img src="shania17a.jpg"
>Alt="shania17.jpg" border=0 WIDTH=100 HEIGHT=100></a>
>
>Ook komt het nieuwe scherm ergens halverwege te staan en niet bovenaan.
>Hoe kan ik dit nieuwe scherm helemaal laten tonen zonder het eerst te
verslepen?
>Als je wil zien wat ik bedoel kijk dna even in een van de Image-Gallery's
op de
>hierboven genoemde site.
>
>Ook heb ik een script om de lijnen onder de links weg te halen. dit werkt
goed in
>netscape 4 maar in IE komt de lijn terug bij een bezochte link.
<KNIP>
>Weet iemand misschien oplossingen voor deze problemen?
Ik heb even geen zin/tijd om hier de code te droppen, maar het werkt
uitstekend.
Kijk en leen op http://www.come.to/jagro
Op de eerste page een voorbeeld van iets wat ik met flash (macromedia) heb
gemaakt en een voorbeeld van een onmouseover scripte met vooraf ingeladen
images.
Volg de link naar de Nederlandse site en kies in het menu voor de
reisverslagen. In al deze verslagen werk ik met thumbnails die een link zijn
naar een grotere foto in een apart browservenster zonder scrollbars of
menubalk. Deze vensters worden geopend met een javascriptje. Je kunt de
vensters ook weer sluiten, door op de vergrote foto te klikken. (dit laatste
wordt wel veel vergeten)
Succes, Jaap
Stefan Zandburg
> Hubert schreef:
> > Pieter Coolsma heeft geschreven in bericht
> > >Bij het laden van die pagina krijg ik de melding "Line 33 Char 11 Expected
> > >']'"... Foutje?
> >
> ie2, mosaic en opera. Ben toch wel benieuwd...
Of WinLynx of een andere versie van Lynx.
Ik doe het met een "gloednieuwe" versie 2.7.2 beta (onder HP-UX) want iets
anders kunnen ze hier niet betalen.
Life is a bug and so is Windows
S.Z.
Goosen
--
Hubert wrote:
> Hanssiman heeft geschreven in bericht <73jobu$apo$1...@reader2.wxs.nl>...
> >Ik heb hulp nodig bij het ontwerp van mijn homepage.....:
> >
> >ik heb twee bottons gemaakt. botton1.gif en botton2.gif
> >de bedoeling is nu om botton1 op mijn homepage te zetten, maar wanneer je
> er
> >met de muis overeenloopt, deze veranderd in button2. (zie je vaak op
> >homepages).
> >Nou, dit lukt me dus niet.
> >Wie wil me helpen.......wie geeft mij de HTML-code hiervoor??
> >
Twan van der Zandt
een goed Javascript voor een mouse-over.
Ik had al:
<a href="intro.html"
ONMOUSEOVER="document.mo2.src='knop2mo.gif'"
ONMOUSEOUT="document.mo2.src='knop2.gif'">
<IMG SRC="knop2.gif" NAME="mo2" border=0></a>
Maar dan worden de vervangende plaatjes dus niet meteen ingeladen.
Door het volgende tussen de <head> te plaatsen is het verholpen:
<script language="javascript">
mo2 = new Image ; mo2.src = 'knop2mo.gif'
</script>
Ik heb trouwens ook hele ingewikkelde scripts gezien om een mouse-over te maken, maar
waarom moeilijk doen als het ook zo kan.
Het werkt zeker in Netscape 3 & 4 en IE 4.
Het resultaat is te bekijken op:
http://members.xoom.com/tajvdz/countrygirls.html
bedankt voor de reacties
Twan
Jan Ehrhardt
Twan van der Zandt in nl.internet.www.ontwerp (Sun, 29 Nov 1998 22:43:12
+0100):
>Met een kleine aanpassing heb die ik naar aanleiding van reacties heb
>gekregen heb ik nu een goed Javascript voor een mouse-over.
><a href="intro.html"
>ONMOUSEOVER="document.mo2.src='knop2mo.gif'"
>ONMOUSEOUT="document.mo2.src='knop2.gif'">
><IMG SRC="knop2.gif" NAME="mo2" border=0></a>
>Het werkt zeker in Netscape 3 & 4 en IE 4.
Maar niet in IE3. Daar krijg je een JS-foutmelding.
Jan
Ivo
>
> ik heb twee bottons gemaakt. botton1.gif en botton2.gif
> de bedoeling is nu om botton1 op mijn homepage te zetten, maar wanneer je er
> met de muis overeenloopt, deze veranderd in button2. (zie je vaak op
> homepages).
Wat heeft dfit met televisie te maken???
Ivo
Anders Floor
>> Ik heb hulp nodig bij het ontwerp van mijn homepage.....:
>>
>> ik heb twee bottons gemaakt. botton1.gif en botton2.gif
>
>Wat heeft dfit met televisie te maken???
De aan- en uit-botton?
Anders Floor
--
http://www.emerald.demon.nl
and...@emerald.demon
- Please add ".nl" to my emailaddress -