vraag over functie openpopup

Status
Niet open voor verdere reacties.
B

biezen1

Nieuwe gebruiker
Lid geworden
10 aug 2014
Berichten
3
Ik gebruik de volgende coding om een nieuw venster te openen:
HTML: 
<script type="text/javascript"><!--
function openPopUp(url) { newwindow=window.open(url, "Raam1", config="location=2, directories=0, status=1, resizable=1, menubar=0, toolbar=0, scrollbars=1, width=640,height=480"); if (window.focus) {newwindow.focus()} return false; } // End --> </script>
(voorgaande coding in de header van de html)
Vervolgens in de body:
HTML: 
      <td valign="top" class="style10"><span lang="nl"></span>
      <input type="button" value="afb1" style="border:1px solid" onclick="openPopUp('http://www.plaatfout.org/plaatjesldr/007ld001(03).jpg')"><br>
      <input type="button" value="afb2" style="border:1px solid" onclick="openPopUp('http://www.plaatfout.org/plaatjesldr/007ld001(4)-1.jpg')"><br>
      <input type="button" value="afb3" style="border:1px solid" onclick="openPopUp('http://www.plaatfout.org/plaatjesldr/007ld001(7)-1.jpg')"><br>
      <input type="button" value="afb4" style="border:1px solid" onclick="openPopUp('http://www.plaatfout.org/plaatjesldr/007ld001(12)-1.jpg')"><br>
      <input type="button" value="afb5" style="border:1px solid" onclick="openPopUp('http://www.plaatfout.org/plaatjesldr/007ld001(30)-1.jpg')"><br>
      </td>
Wanneer ik op afb1 t/m afb5 klik, krijg ik steeds een ander beeld in hetzelfde popup venster. Mijn vraag is hoe dien ik deze coding te wijzigen, zodat ik de 5 plaatjes in 5 afzonderlijke popup vensters te zien krijg.
 
Laatst bewerkt door een moderator:
Dit gaat niemand lezen zo. Zet de PHP tag om je script code en de HTML tag om je HTML code, dat maakt het fatsoenlijk leesbaar.

Edit:
Zie net dat je nieuw bent hier. Welkom! :)
Ik heb het daarom hieronder maar even voor je gedaan.

PHP: 
<script type="text/javascript"><!--
function openPopUp(url) { newwindow=window.open(url, "Raam1", config="location=2, directories=0, status=1, resizable=1, menubar=0, toolbar=0, scrollbars=1, width=640,height=480"); if (window.focus) {newwindow.focus()} return false; } // End --> </script>

HTML: 
<td valign="top" class="style10"><span lang="nl"></span>
<input type="button" value="afb1" style="border:1px solid" onclick="openPopUp('http://www.plaatfout.org/plaatjesldr/007ld001(03).jpg')"><br>
<input type="button" value="afb2" style="border:1px solid" onclick="openPopUp('http://www.plaatfout.org/plaatjesldr/007ld001(4)-1.jpg')"><br>
<input type="button" value="afb3" style="border:1px solid" onclick="openPopUp('http://www.plaatfout.org/plaatjesldr/007ld001(7)-1.jpg')"><br>
<input type="button" value="afb4" style="border:1px solid" onclick="openPopUp('http://www.plaatfout.org/plaatjesldr/007ld001(12)-1.jpg')"><br>
<input type="button" value="afb5" style="border:1px solid" onclick="openPopUp('http://www.plaatfout.org/plaatjesldr/007ld001(30)-1.jpg')"><br>
</td>
 
Laatst bewerkt:
window.open gebruikt het tweede argument (de naam) als een unique target identifier. Omdat die bij jou telkens "Raam1" is, worden alle afbeeldingen in hetzelfde window geplaatst. (zie ook MDN documentatie Window.Open)

Als je ervoor zorgt dat je windowNaam voor elke afbeelding anders is, zal elke afbeelding zijn eigen popup aanmaken.
 
Status
Niet open voor verdere reacties.
Steun Ons

Nieuwste berichten

Terug
Bovenaan Onderaan