Javascriptje - Softwareontwikkeling

vrijdag 18 augustus 2006 16:33

Acties:

Verwijderd

Topicstarter

Hallow,

Ik ben bezig een website aan het maken en ik heb de volgende code tot nu toe:
<HTML>
<HEAD>
<TITLE>ddstwee</TITLE>
</HEAD>
<BODY>
<br>
<center>
<img src="dds-logo.jpg" height="500"><br>
<align="left"><A HREF="http://www.freewebs.com/dedigitaalestrip"onmouseover="movepic('dds1','dds12.jpg')"
onmouseout="movepic('dds1','dds1.jpg')">
<IMG NAME="dds1" SRC="dds1.jpg" ALT="Image" border=0 height="115"></A> </align>

<align="right"><a href="dds2.html"><img src="dds2.jpg" height="115" border=0></a></align>
</center>
<Body>
</HTML>

Ik wil echter dat het plaatje 'dds1' veranderd als je er met je muis op gaat staan (zie vette code), maar dit werkt echter niet...
Heeft iemand raad?

Alvast bedankt!

vrijdag 18 augustus 2006 16:34

Acties:

SinergyX

____(>^^(>0o)>____

Je zal ook in je header de javascript code moeten hebben die dus movepic defineert.
Je hebt dus een incompleet script. (doe een google search en je vind bergen van zulke mouseover scripts).

[ Voor 22% gewijzigd door SinergyX op 18-08-2006 16:34 ]

^{Nog 1 keertje.. het is SinergyX, niet SynergyX}
_{Im as excited to be here as a 42 gnome warlock who rolled on a green pair of cloth boots but was given a epic staff of uber awsome noob pwning by accident.}

vrijdag 18 augustus 2006 16:45

Acties:

Verwijderd

Topicstarter

<HTML>
<HEAD>
<TITLE>ddstwee</TITLE>
<SCRIPT language="JavaScript">

</SCRIPT>
</HEAD>
<BODY>
<br>
<center>
<img src="dds-logo.jpg" height="500"><br>
<align="left"><A HREF="http://www.freewebs.com/dedigitaalestrip" onmouseover="movepic('dds1','dds12.jpg')" onmouseout="movepic('dds1','dds1.jpg')">
<IMG NAME="dds1" SRC="dds1.jpg" ALT="Image" border=0 height="115"></A> </align>
<align="right"><a href="dds2.html"><img src="dds2.jpg" height="115" border=0></a></align>
</center>
<Body>
</HTML>

Zo dan? Het werkt nog niet hoor. Ik ben een echt n00p in JS, kan je wat specifieker zijn?
Ik heb nog een ouwe website die ik eens heb gemaakt en daar werkt het wel...

Merci voor de snelle reactie!

vrijdag 18 augustus 2006 16:49

Acties:

Osiris

Ik zou sowieso van die laatste "<Body>" eventjes "</body>" maken

Verder is je HTML wel erg, tja, ouderwets, maarja, dat was niet de scope van dit topic.

Eventjes kijken wat de javascript-console van Mozilla Firefox over je code zegt

Overigens bestaat de "<align>"-tag ook helemaal niet, da's alleen een deprecated attribuut

[ Voor 16% gewijzigd door Osiris op 18-08-2006 16:50 ]

vrijdag 18 augustus 2006 16:50

Acties:

Apie!

Newer, better & confusinger

http://www.w3schools.com/js/default.asp

My lungs taste the air of Time
Blown past falling sands

vrijdag 18 augustus 2006 16:50

Acties:

SinergyX

____(>^^(>0o)>____

Doe het anders zo:

code:

  <a href="link.html"
   onMouseOver="document.image1.src='onImage.gif'"
   onMouseOut="document.image1.src='outImage.gif'">

   <img src="outImage.gif" name="image1">

Simpel, maar werkt. Kan je ook dat javascript gedeelte uit je header halen.

[ Voor 10% gewijzigd door SinergyX op 18-08-2006 16:51 ]

vrijdag 18 augustus 2006 16:50

Acties:

posttoast

Zet je code hier even in code-blokken. Dat leest wat fijner voor ons.

Zo dus:

HTML:

<HTML>
<HEAD>
<TITLE>ddstwee</TITLE>
<SCRIPT language="JavaScript">
<!-- Begin
function movepic(img_name,img_src) {
document[img_name].src=img_src;
}
// End -->
</SCRIPT>
</HEAD>
<BODY>
<br>
<center>
<img src="dds-logo.jpg" height="500"><br>
<align="left"><A HREF="http://www.freewebs.com/dedigitaalestrip" onmouseover="movepic('dds1','dds12.jpg')" onmouseout="movepic('dds1','dds1.jpg')">
<IMG NAME="dds1" SRC="dds1.jpg" ALT="Image" border=0 height="115"></A> </align>
<align="right"><a href="dds2.html"><img src="dds2.jpg" height="115" border=0></a></align>
</center>
<Body>
</HTML>

omniscale.nl

vrijdag 18 augustus 2006 16:51

Acties:

Osiris

Haha, je script werkt prima hier onder Firefox

vrijdag 18 augustus 2006 16:58

Acties:

Osiris

HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>ddstwee</title>
<script type="text/javascript">
function movepic(img_name,img_src) {
  document.getElementById(img_name).src = img_src;
}
</script>
<style type="text/css">
a img {
  border: 0;
}
</style>
</head>
<body>
<div style="text-align: center;">
<img src="dds-logo.jpg" height="500" alt="DDS Logo">
<a href="http://www.freewebs.com/dedigitaalestrip" onmouseover="movepic('dds1','dds12.jpg')" onmouseout="movepic('dds1','dds1.jpg')">
<img id="dds1" src="dds1.jpg" alt="Image" height="115"></a>
<a href="dds2.html"><img src="dds2.jpg" height="115" alt=""></a>
</div>
</body>
</html>

Dit ziet er volgens mij al stukken beter uit dan al die ranzige nietbestaande of deprecated tags. Voor dat links/rechts-alignen moet je zelf maar wat CSS-code opzoeken.

vrijdag 18 augustus 2006 17:02

Acties:

SinergyX

____(>^^(>0o)>____

En waar is dat voor nodig?

TS vraagt om hulp voor een javascript, geen perfectie van zijn HTML. Als zijn kennis nog ver genoeg is mbt CSS oid, was zijn code goed genoeg om mee te werken.

vrijdag 18 augustus 2006 17:06

Acties:

Verwijderd

Topicstarter

SinergyX schreef op vrijdag 18 augustus 2006 @ 16:50:
Doe het anders zo:
code:
1
2
3
4
5
  <a href="link.html"
   onMouseOver="document.image1.src='onImage.gif'"
   onMouseOut="document.image1.src='outImage.gif'">

   <img src="outImage.gif" name="image1">
Simpel, maar werkt. Kan je ook dat javascript gedeelte uit je header halen.

Merci, werkt perfect!
En ivm mijn HTML/JS kennis, ik houd mij normaal niet bezig met websites, nu mot ek da ene keer doen dus het maakt mij niet veel uit hoe mijn code er uit ziet, als de site er maar tegoei uitziet.

vrijdag 18 augustus 2006 17:26

Acties:

crisp

Devver

Pixelated

verkeerde forum, scriptrequest en ranzige code

wellicht dat je dit soort zaken voortaan beter kan uitbesteden aan mensen die er wel verstand van hebben...

anyway: move naar Webdesign, Markup & Clientside Scripting + slotje...

Intentionally left blank

Pagina: 1

Dit topic is gesloten.