help

Status
Niet open voor verdere reacties.
S

shadowers

Gebruiker
Lid geworden
16 nov 2006
Berichten
5
kijk ik heb eenopdracht maar ik kom er niet uit hier is het

Zet in de body van je document een HTML tabel met daarin 3 in Photoshop
gemaakte plaatjes:
Schrijf 4 functies
1. De eerste functie heet MijnFunctie1()
Koppel deze functie aan de mouseclick gebeurtenis van het eerste plaatje
Zorg er voor dat deze functie 2 getallen opvraagt en vervolgens het
product, het verschil, de deling en de wortel van de som apart weergeeft.
2. De tweede functie heet MijnFunctie2()
Koppel deze functie aan de mouseclick gebeurtenis van plaatje 2
Zorg ervoor dat deze functie een nieuw venster opent met daarin een
pagina die de toppositie 0 en de leftpositie 0 inneemt tip: gebruik
window.moveTo().
3. De derde functie heet MijnFunctie3()
Koppel deze functie aan de mouseover gebeurtenis van plaatje 3
Zorg ervoor dat plaatje1 verandert in een ander plaatje. Maak daartoe een
nieuw plaatje.
Gebruik de property: window.document.images[0].src=”naamvanplaatje”;
4. De vierde functie heet MijnFunctie4()
Koppel deze functie aan de mouseout gebeurtenis van plaatje 3
Verander het plaatje van plaatje 1 weer terug naar de beginsituatie.

ik heb dit:

<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<script type="text/JavaScript">
<!--
function mijnfunctie3() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a)&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a.indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a;}}
}

function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers.document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function mijnfuncite4() { //v3.0
var i,j=0,x,a=mijnfuncite4.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
function whizzin(across,updown){
whizzer = window.open("sH:\week1\background","mover",
"height=0,width=0,resizeable=0");

whizzer.focus();

whizzer.moveTo (across,updown);
}

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

<body onLoad="MM_preloadImages('../../week1/background/rt.jpg')">
<p><img src="../../week1/background/CAOHYS1R.jpg" width="135" height="81" /></p>

<p>&nbsp;</p>
<a href="#" onMouseOut="mijnfunctie3()" onMouseOver="mijnfuncite4('Image3','','../../week1/background/rt.jpg',1)"><img src="../../week1/background/images.jpg" name="Image3" width="123" height="92" border="0" id="Image3" /></a>
<p><a href="#" onMouseOut="whizzin()"onMouseOver="whizzin('Image3','',../../week1/background/CASZQ969.jpg"><img src="../../week1/background/CASZQ969.jpg" width="42" height="50" border="0" /></a></p>

</body>
</html>

please help
 
De code die je nu post heb je wellicht niet zelf geschreven, anders zou je die 4 functies wel alleen kunnen :confused:

De preloadfunctie zou ik wel laten staan, omdat de rollover van de afbeelding anders de eerste maal niet vlot zal verlopen.

Wat nu in mij opkomt: (ongetest)
HTML: 
<html>
<head>
<title>MijnFuncties</title>
<script language="JavaScript" type="text/javascript">
function MijnFunctie1()
{
    //vraag naar de twee getallen
    var g1, g2;
    g1 = parseFloat(window.prompt('Geef getal 1 in:'));
    g2 = parseFloat(window.prompt('Geef getal 2 in:'));
    //product weergeven
    window.alert('Het Product: '+(g1*g2));
    //verschil weergeven
    window.alert('Het Verschil: '+abs(g1-g2));
    //deling weergeven
    window.alert('De deling: '+(g1/g2));
    //som weergeven
    window.alert('De Som: '+(g1+g2));
}

function MijnFunctie2()
{
    nieuw_venster = window.open("about:blank", "", "width=300, height=300");
    nieuw_venster.moveTo(0,0);
}

function MijnFunctie3()
{
    window.document.images[0].src = "<vul hier je nieuwe afbeeldingslocatie in>";
}

function MijnFunctie4()
{
    window.document.images[0].src = "<originele afbeeldingslocatie>";
}
</script>
</head>

<body>
<!-- je moest de plaatjes in een tabel zetten, vergeet deze niet toe te voegen! //-->
<a onClick="MijnFunctie1()"><img src="<je eerste afbeelding>" /></a>
<a onClick="MijnFunctie2()"><img src="<je tweede afbeelding>" /></a>
<a onMouseOver="MijnFunctie3()" onMouseOut="MijnFunctie4()"><img src="<de derde afbeelding>" /></a>
</body>
</html>

--Johan
 
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan