[JS] Background image on moveout - Softwareontwikkeling

maandag 8 december 2003 13:59

Acties:

Verwijderd

Topicstarter

Hey GoTters,

Hopelijk is het geen noobvraag, maar voor mij is het helemaal nieuw.

Ik vond op een site een Cool Table Menu, en wil het even proberen. De code staat hieronder. De bedoeling is simpel: een tabel waarvan de celkleur veranderd bij mouse-on.
Nou begon ik eerst met andere kleuren te gebruiken, en dat werkte perfect. Nu wil ik echter een plaatje gebruiken als achtergrond. Bij movein mag dan een kleurverandering plaatsvinden, alleen bij moveout wil ik dat het plaatje weer getoond wordt.
Is dit mogelijk? Wat moet ik in de code aanpassen?

Ik heb al 'transparent' in moveout gebruikt, maar dat lijkt niet te werken (cel wordt zwart.

Alvast bedankt!

code:

<html>

<head>
<meta name="GENERATOR" content="Microsoft FrontPage 5.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Dynamic Drive</title>
<style type="text/css">
<!--
.menu {font-family:Arial; font-weight:bold}

.menu a{
text-decoration:none;
color:black;
}
-->
</style>
<script language="javascript">
<!--

/*
Cool Table Menu
By Clarence Eldefors ([url]http://www.freebox.com/cereweb[/url]) with modifications from javascriptkit.com
Visit [url]http://javascriptkit.com[/url] for this and over 400+ other scripts
*/



function movein(which,html){
which.style.background='coral'
if (document.getElementById)
document.getElementById("boxdescription").innerHTML=html
else
boxdescription.innerHTML=html
}

function moveout(which){
which.style.background='bisque'
if (document.getElementById)
document.getElementById("boxdescription").innerHTML='&nbsp;'
else
boxdescription.innerHTML='&nbsp;'
}

//-->
</script>
</head>

<body>
<table bgcolor="black" border="1" bordercolor="ivory" cellpadding="2" cellspacing="0">

<tr>
<td class="menu" bordercolor="black" id="choice1" background="Cellback.jpg" style="cursor:hand" onmouseover="movein(this,'The #1 DHTML site online')" onmouseout="moveout(this)"">
<a href="http://www.dynamicdrive.com">Dynamic Drive</a></td></tr>

<td class="menu" bordercolor="black" id="choice2" background="Cellback.jpg" style="cursor:hand" onmouseover="movein(this,'Free Java applets')" onmouseout="moveout(this)">
<a href="http://freewarejava.com">Freewarejava.com</a></td></tr>

<td class="menu" bordercolor="black" id="choice3" background="Cellback.jpg" style="cursor:hand" onmouseover="movein(this,'Free webmaster resources')" onmouseout="moveout(this)"><a href="http://www.freebox.com/cereweb/">Cerebus Web Resources</a></td></tr>

<td class="menu" bordercolor="black" id="choice4" background="Cellback.jpg" style="cursor:hand" onmouseover="movein(this,'Resources to build your site')" onmouseout="moveout(this)"><a href="http://www.sitepoint.com">SitePoint.com</a></td></tr>

<tr>
<td bordercolor="black" bgcolor="ivory" height="18"><font id="boxdescription" face="Verdana" size="2"></font></td></tr>
</table>

</body>

</html>

maandag 8 december 2003 14:03

Acties:

Rickets

Finger and a shift

Bij moveout heb je in ieder geval dit nodig:

JavaScript:

1	which.style.backgroundImage = 'image.gif';

If some cunt can fuck something up, that cunt will pick the worst possible time to fucking fuck it up, because that cunt’s a cunt.

maandag 8 december 2003 14:14

Acties:

Verwijderd

Topicstarter

Dank je. Ik heb het geprobeerd alleen als ik dat ervan maak, accepteert ie het geheel wel, maar dan blijft de movein kleur gewoon staan als ik eruit ga. Doe ik iets fout?

code:

function moveout(which){
which.style.backgroundimage='Celback.jpg' 
if (document.getElementById)
document.getElementById("boxdescription").innerHTML='&nbsp;'
else
boxdescription.innerHTML='&nbsp;'
}

(Let ook op, image met hoofdletter i pakt ie niet)

[ Voor 86% gewijzigd door Verwijderd op 08-12-2003 14:16 . Reden: Even beter geformuleerd ]

maandag 8 december 2003 14:18

Acties:

disjfa

be

Verwijderd schreef op 08 december 2003 @ 14:14:
(Let ook op, image met hoofdletter i pakt ie niet)

ehrm maar js is wel case sensitive dus ik zou wel voor een hoofdletter i gaan

verder moet je waarschijnlij backgroundImage = "url('plaatje.png')"; van maken

disjfa - disj·fa (meneer)
disjfa.nl

maandag 8 december 2003 14:26

Acties:

Verwijderd

Topicstarter

disjfa schreef op 08 december 2003 @ 14:18:
[...]

ehrm maar js is wel case sensitive dus ik zou wel voor een hoofdletter i gaan

verder moet je waarschijnlijk backgroundImage = "url('plaatje.png')"; van maken

Hmmz ik deed eerst idd wat Rickets zei, met een hoofdletter i, alleen dan gaf ie een foutmelding. Jouw tweede regel did the trick! Heel erg bedankt! $_/-\o_$

Dus even voor future reference voor anderen, dit moet het zijn:

code:

1
2
3

function moveout(which){
which.style.backgroundImage= "url('image.jpg')";
enz...

Search trefwoorden: movein, moveout, background, achtergrond, plaatje, cel, javascript, js, mouseover.