Problema butoane pt deschidere pop-up

Discutii si intrebari legate de scripturi si functii JavaScript, jQuery si Ajax, cod JavaScript in general.
patricia
Mesaje: 82

Problema butoane pt deschidere pop-up

am incercat sa scriu un mic script,in pagina la apasarea fiecarui buton ar fi trebuit sa se deschida cate o fereastra pop-up
ce inacarca cate o imagine.nu am folosit sintaxa standard ,ci in metoda open(......) am incercat sa inlocuiesc primul
parametru cu o variabila ce contine numele si extensia imaginii;
CODUL:

Cod: Selectaţi tot

<html>
<head>
<title>
exercitiu
</title>
</head>
<body>
<form>
<input type="button" value="imaginea1">
<input type="button" value="imaginea2">
<input type="button" value="imaginea3">
<input type="button" value="imaginea4">
<input type="button" value="imaginea5">
</form>
<script type="text/javascript">
var imagini=new Array(5);
imagini[0]='\"img1.jpg\"';
imagini[1]='\"img2.jpg\"';
imagini[2]='\"img3.jpg\"';
imagini[3]='\"img4.jpg\"';
imagini[4]='\"img5.jpg\"';
var elem=document.getElementsByTagName('input');
for(var i=0;i<elem.length;i++){
elem[i].onclick=function(){
var myWindow=open(imagini[i],"fara_num","width=300,height=300,top=370,left=200,status=no,toolbar=no,menubar=no");
};}
</script>
</body>
</html>
MarPlo Mesaje: 4343
Salut
Problema e putin mai complicata. Ar trebui asociata fiecare imagine cu butonul care sa o deschida (prin ID sau text-ul de la "value"), iar la parcurgerea butoanelor cu for() se aplica cuvantul this la "onclick" ca sa faca referire la butonul apasat.
Vezi in acest cod:

Cod: Selectaţi tot

<input type="button" value="imaginea1">
<input type="button" value="imaginea2">
<input type="button" value="imaginea3">
<input type="button" value="imaginea4">
<input type="button" value="imaginea5">
</form>
<script type="text/javascript">
var imagini = { 'imaginea1':'img1.jpg', 'imaginea2':'img2.jpg', 'imaginea3':'img3.jpg', 'imaginea4':'img4.jpg', 'imaginea5':'img5.jpg' };
var elem = document.getElementsByTagName('input');
for(var i=0; i<elem.length; i++){
  elem[i].onclick=function(){
    window.open(imagini[this.value], 'fara_num', 'width=300,height=300,top=370,left=200,status=no,toolbar=no,menubar=no');
  };
}
</script>

Subiecte similare