2 Dezelfde javascripts op 1 pagina - Softwareontwikkeling

donderdag 19 januari 2006 22:10

Acties:

Verwijderd

Topicstarter

Hoi,

Ik heb op mijn website een script waarbij foto's in klein formaat getoond worden, wanneer je er op klikt opent er een pop-up met de groot formaat foto's.
Het probleem is nu dat ik 2 (eigenlijk 3) van deze scripts op 1 pagina wil, zodat het in verschillende onderwerpen kan verdeeld en niet één lange rij foto's is.

Het probleem is dat de scripts totaal niet meer werken wanneer je er 2 of 3 hebt staan. Als ik namelijk op een foto klik, dan opent niet de foto die er getoond wordt, maar de foto van het onderste script op de pagina, begrijpen jullie? Bij 3 scripts op 1 pagina werkt het ook zo, maar dan kan je in de pop-up niet meer naar de volgende of vorige foto, en werkt dan dus helemaal niet meer. "Fout op de pagina" staat dan ook onderin de browser. De scripts worden dus door elkaar verward door één of andere reden.

Dit is het script wat op de home staat (dus niet de pop-up):

_{<html>

<head>

<title>Foto's</title>

<script language="javascript" src="kiesmaareennaam.js"></script>

</head>

<body>

<script language="javascript">



</script>

</body>

</html>}

Is er iets mogelijk dat ik deze script dus 3 keer op de pagina kan zetten, zonder dat ze met elkaar verward raken?

donderdag 19 januari 2006 22:21

Acties:

TeringJantje

Je kunt er een functie van maken. Die je dan 3 keer aanroept. Bijvoorbeeld zo:

code:

<html>
<head>
<title>Foto's</title>
<script language="javascript" src="kiesmaareennaam.js"></script>
</head>
<body>
<script language="javascript">
<!--
function thumbs(jouwmap,jouwthumbnail)
{
  document.write("<center>");
  for (var i = 0; i < 25; i++) {

  document.write("[img]'+jouwmap+'/'+jouwthumbnail+[/img]");

  if (i % 5 == 4) document.writeln("<br>");
  };
  document.write("</center>");
}
-->

thumbs(fotomap1,fototjes1);
thumbs(fotomap2,fototjes2);
thumbs(fotomap3,fototjes3);
</script>
</body>
</html>

Of je het zo zou willen is een 2de, maar volgens mij moet het zo wel lukken.

donderdag 19 januari 2006 22:25

Acties:

Verwijderd

Topicstarter

Ik snap niet precies hoe dit dan moet werken.
Tussen die scripts moet namelijk gewoon tekst komen te staan en dus niet 3 scripts meteen onder elkaar.

Is dat mogelijk op de manier zoals jij deze verteld?

donderdag 19 januari 2006 22:33

Acties:

TeringJantje

Ok dit wordt wel basic hoor.

code:

<html>
<head>
<title>Foto's</title>
<script language="javascript" src="kiesmaareennaam.js"></script>
</head>
<body>
<script language="javascript">
<!--
function thumbs(jouwmap,jouwthumbnail)
{
  document.write("<center>");
  for (var i = 0; i < 25; i++) {

  document.write("[img]'+jouwmap+'/'+jouwthumbnail+[/img]");

  if (i % 5 == 4) document.writeln("<br>");
  };
  document.write("</center>");
}
-->
</script>

Lap tekst......

<script>thumbs(fotomap1,fototjes1);</script>

Lap tekst 2....

<script>thumbs(fotomap2,fototjes2);</script>

Lap tekst 3.....

<script>thumbs(fotomap3,fototjes3);</script>

</body>
</html>

Zo iets zou ik er van maken. Maar goed, heel moeilijk is dit niet. Even zoeken op google en je komt een hele hoop tegen.
Je kunt ook eens kijken op www.w3schools.com. Daar kun je ook veel info vinden.

donderdag 19 januari 2006 22:37

Acties:

Verwijderd

Topicstarter

Ik heb uberhaupt nog nooit van Thumbs gehoord, wat is het of hoe het werkt.
De reden waarom ik voor dit probleem niet op google heb gezocht maar het hier post is omdat er eigenlijk best haast achter zit dat dit werkt.. moet binnen enkele dagen een heleboel klaar hebben.

Misschien kun je mij nog wat info over de Thumbs geven, als je nu denkt "wat een zeur" dan geef ik je groot gelijk en zal ik via google morgen wat op gaan zoeken

Bedankt tot zover in ieder geval

donderdag 19 januari 2006 22:47

Acties:

Tsunami

Verwijderd schreef op donderdag 19 januari 2006 @ 22:37:
Ik heb uberhaupt nog nooit van Thumbs gehoord, wat is het of hoe het werkt.
De reden waarom ik voor dit probleem niet op google heb gezocht maar het hier post is omdat er eigenlijk best haast achter zit dat dit werkt.. moet binnen enkele dagen een heleboel klaar hebben.

Misschien kun je mij nog wat info over de Thumbs geven, als je nu denkt "wat een zeur" dan geef ik je groot gelijk en zal ik via google morgen wat op gaan zoeken

Bedankt tot zover in ieder geval

Thumbs is een functie die hij daarboven zelf heeft gedefinieerd. En als het zo snel af moet zijn, had je beter even kunnen zoeken in plaats van steeds te moeten wachten op een reply...

donderdag 19 januari 2006 22:51

Acties:

TeringJantje

Misschien moet je eerst iets gaan leren over functions enzo. Om je even op weg te helpen:

Van het script dat jij gegeven hebt, heb ik een function gemaakt, genaamd thumbs. Die functie heeft 2 variabelen: 'Jouwmap' en 'JouwFotos'. Om de functie aan te roepen staat er dus 3 (je wil 3 keer het script en dus de function gebruiken) keer <script>thumbs(fotomap(1,2 of 3),fototjes(1,2 of 3))</script>.

Als het nu nog niet duidelijk is dan kun je 2 dingen doen. Of gewoon proberen, of eerst gaan verdiepen in functions enzo.

donderdag 19 januari 2006 22:51

Acties:

crisp

Devver

Pixelated

Verwijderd schreef op donderdag 19 januari 2006 @ 22:37:
De reden waarom ik voor dit probleem niet op google heb gezocht maar het hier post is omdat er eigenlijk best haast achter zit dat dit werkt.. moet binnen enkele dagen een heleboel klaar hebben.

Wij zijn geen afhaal-chinees...

Als je iets snel klaar moet hebben dan had je het moeten houden bij de technieken die je wel machtig bent. Scriptjes copy-pasten zonder te weten wat ze precies doen is natuurlijk vragen om moeilijkheden, en hier op GoT zitten we er niet op te wachten om dat dan voor jou werkend te gaan maken...

Intentionally left blank