Toon posts:

[javascript] foto menuutje

Pagina: 1

Acties:

54 views sinds 30-01-2008
Reageer

dinsdag 5 maart 2002 19:58

Acties:

Verwijderd

Topicstarter

beste mensen,

ik heb een javascriptje dat als je in een menuutje een plaatje kiest, dattie dat dan laat zien in dezelfde pagina. maar ik wil nu juist dattie dat in een popup opent? Ik weet dat je een popup opent met window.open() maar hoe verwerk ik dat in dit script?

alvast bedankt,

martijn

[script]
<form name="form1">
<select name="menu1" onChange="MM_jumpMenu('parent',this,0)" size="10">
<option value="1.JPG" selected>plaatje 1</option>
<option value="2.JPG">plaatje 2</option>
</select>
[/script]

dinsdag 5 maart 2002 20:02

Acties:

Thijsmans

⭐⭐⭐⭐⭐ (5/5)

code:

1
2
3

var url = "fotopagina.htm?foto="+document.form.naam.value;
var naam = "Foto"
window.open(url, naam);

en dan in fotopagina.htm

code:

1	document.write("[img]"+foto+"[/img]");

Preciezere details mag je zelf doen, maar het belangrijkste is dat de foto-variabele in de link wordt doorgegeven en in de pagina gebruikt.

Privacy-adepten vinden op AVGtekst.nl de Nederlandse AVG-tekst voorzien van uitspraken en besluiten.

dinsdag 5 maart 2002 20:08

Acties:

Verwijderd

Even uit mijn hoofd
Ik zou zoiets als dit gebruiken:

code:

1	onChange="openPopup(this.value)"

De functie ziet er zo uit:

code:

function openPopup(plaatje){
  if (popupScherm) popupScherm.close();
  popupScherm=window.open ("","popupScherm","toolbar=0,location=0,directories=0,status=0,menubar=0,scrollbars=0,resizable=1);
  popupScherm.document.write("<html>\n<body>[img]'"+plaatje+"'>\n</body>\n</html[/img]");
  popupScherm.focus();
}

dinsdag 5 maart 2002 20:10

Acties:

Verwijderd

Topicstarter

Maar hoe komt het script er dan in z'n totaalheid uit te zien?
Thnx 4 response...

dinsdag 5 maart 2002 20:19

Acties:

Verwijderd

Zoiets (ik ben te goed voor deze wereld):

code:

<html>
<head>
<script language='javascript'>
 <!--
 function openPopup(plaatje){
   if (popupScherm) popupScherm.close();
   popupScherm=window.open ("","popupScherm","toolbar=0,location=0,directories=0,status=0,menubar=0,scrollbars=0,resizable=1);
   popupScherm.document.write("<html>\n<body>[img]'"+plaatje+"'>\n</body>\n</html[/img]");
   popupScherm.focus();
 }
 //-->
</script>

</head>
<body>

<form name="form1">
 <select name="menu1" onChange="openPopup(this.value)">
 <option value="1.JPG" selected>plaatje 1</option>
 <option value="2.JPG">plaatje 2</option>
 </select>
</form>
</body>
</html>

Kan heel goed een foutje in zitten hoor

dinsdag 5 maart 2002 20:21

Acties:

Verwijderd

Topicstarter

mensen,

ik heb nu dit:

code:

<html>
<head>
<title>Untitled Document</title>
<script language="JavaScript">
function openPopup(plaatje){
  if (popupScherm) popupScherm.close();
  popupScherm=window.open ("","popupScherm","toolbar=0,location=0,directories=0,status=0,menubar=0,scrollbars=0,resizable=1);
  popupScherm.document.write("<html>\n<body>[img]'"+plaatje+"'>\n</body>\n</html[/img]");
  popupScherm.focus();
}
</script>
</head>
<form name="form1">
  <select name="menu1" onChange="openPopup(this.value)" size="10">
    <option value="1.JPG" selected>Bernd+Daniel</option>
    <option value="2.JPG">De Gang</option>
  </select>
</form>
</html>

maar dat werkt niet...:( help mij please?

dinsdag 5 maart 2002 20:24

Acties:

Verwijderd

Topicstarter

Op dinsdag 05 maart 2002 20:19 schreef mentos het volgende:
Zoiets (ik ben te goed voor deze wereld):
code:
1
hier een jsje
Kan heel goed een foutje in zitten hoor

dat werkt dus niet...én dat is een heel ander menu...dat is een dropdown...ik moet zo'n open menu zoals op cdcovers.cc....maar het wil maar niet lukken

dinsdag 5 maart 2002 20:26

Acties:

Verwijderd

had ff de size weggehaald, is verder hetzelfde ding, foutjes zijn er ook uit

code:

<html>
<head>
<script language='javascript'>
 <!--
 var popupScherm;
 
 function openPopup(plaatje){
   if (popupScherm) popupScherm.close();
   popupScherm=window.open ("","popupScherm","toolbar=0,location=0,directories=0,status=0,menubar=0,scrollbars=0,resizable=1,width=400,height=400");
   popupScherm.document.write("<html>\n<body>[img]'"+plaatje+"'>\n</body>\n</html[/img]");
   popupScherm.focus();
 }
 //-->
</script>
</head>
<body>

<form name="frm" action="">
 <select name="menu1" onChange="openPopup(this.value)" size=3>
 <option value="1.JPG" selected>plaatje 1</option>
 <option value="2.JPG">plaatje 2</option>
 </select>
</form>
</body>
</html>

dinsdag 5 maart 2002 20:29

Acties:

Verwijderd

Topicstarter

jah, hij werkt,

hartelijk bedankt!
ik werk namelijk aan de site martijnjuh.tk
en het foto menuutje daar is niet zo handig.
vooral niet omdat het om veel fotos gaat...
dus dit is een veel betere oplossing!

woensdag 6 maart 2002 10:34

Acties:

Sassie

Een beetje mosterd na de maaltijd, maar mocht je toch (ooit) iets anders willen:

Het is een standaard popup-scriptje, je kunt er niet in bladeren naar vorlgende of vorige foto's. Maar er zit wel een mouseover + een bijschrift bij en een sluitbutton. Verder kun je de hoogete en de breedte van de popup zelf naar eigen wens aanpassen.

Fotosite: http://sassiessite.endoria.net/sneeuw_pics.htm
Popup-scriptje: http://sassiessite.endoria.net/schermpje.js
Aanroep:

code:

<A href="javascript:LatenZien('FILENAAM FOTO','DE BESCHRIJVING')"
ONMOUSEOVER="window.status='Klik op de foto....'; return true"
ONMOUSEOUT="window.status=''; return true" >
[img]"FILENAAM[/img]</A>

De pop-up code:

code:

function LatenZien(imagename, bijschrift)
// voor pop-up window met image
{
      var image= "[img]'images/Fotos/"[/img]"
      var inhoud =     
      "<TITLE>" + imagename +"</TITLE>"+
      "<BODY BGCOLOR='#FFFFCC' TEXT='#000000'
      LINK='#0000FF' VLINK='#FF0000'
      ALINK='#7F007F'><FONT FACE='Arial' COLOR='#000000' size=2>" +
      "<CENTER>"+
      image +
      "</CENTER><BR>" +
      bijschrift +
      "<BR><CENTER><FORM>
      <INPUT TYPE='BUTTON' VALUE='Sluiten' onClick='self.close()'>
      </FORM></CENTER></BODY>"

 
      Schermpje = window.open
      ("","popDialog","height=540,width=740,scrollbars=yes")
      Schermpje.document.write(inhoud)
      Schermpje.document.close()
}

Pagina: 1

Reageer