Java Script Problem

r4d1um

Mitglied
Hallo ich habe folgendes Problem in meiner html datei namens try1.html befindet sich folgender code!

HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd" >
<html >
<head >
<SCRIPT LANGUAGE="JavaScript">
<!--

function showList() {
  sList = window.open("http://localhost:8080/myjsp/try2.html", "list", "width=200,height=150", resizeable="true");
}
// -->
</SCRIPT>
</head>
<body>
<FORM NAME="list">
<input type="checkbox" id="box_1">1
<input type="checkbox" id="box_2">2
<input type="checkbox" id="box_3">3
<INPUT TYPE="button" VALUE="open" onClick="showList()">
</body>
</html>

nun möchte ich mittels der 2 ten Datei namens try2.html hat die checkboxen in try1.html checken also nachdem ich beim 2ten fenster auf übernehmen klicke sollen die zugehörigen checkboxen in der try.html ebenfalls gecheckt werden.

der qtext meiner try2.html sieht momentan wie folgt aus

HTML:
<html>
<title>TEST</title>
<head><h1>TEST</h1>
<SCRIPT LANGUAGE="JavaScript">
<!--
function pick(checkbox) {
  if (window.opener && !window.opener.closed)
    window.opener.document.list.checkbox.id = true;
  window.close();
}
// -->
</SCRIPT>
</head>
<body>
<input type="checkbox" id="box_1" HREF="javascript:pick('box_1')">1
<input type="checkbox" id="box_2" HREF="javascript:pick('box_2')">2
<input type="checkbox" id="box_3" HREF="javascript:pick('box_3')">3
<input type="button" value="Übernehmen" onCklick="pick(checkbox)">
</body>
</html>

Ich wäre dankbar über eine Hilfe!
 
Hi,

wenn sich die IDs der Checkboxen im Opener und im PopUp entsprechen, kannst Du ein Array mit den
ID-Strings erstellen. Dieses durchläufst Du beim Betätigen der Schaltfläche, prüfst, ob die Checkbox
gesetzt ist oder nicht und wählst ihr Äquivalent im Ausgangsdokument an bzw. ab.

try2.html:
Code:
<html>
<head>
<title>www.tutorials.de</title>
<meta name="author" content="Quaese">
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<script type="text/javascript">
  <!--
var arrChkBoxes = new Array("box_1", "box_2", "box_3");
function pick() {
  if (opener && !opener.closed){
  	for(var i=0; i<arrChkBoxes.length; i++){
    	if(document.getElementById(arrChkBoxes[i]).checked == true){
      	opener.document.getElementById(arrChkBoxes[i]).checked = true;
      }else{
      	opener.document.getElementById(arrChkBoxes[i]).checked = false;
      }
    }
  }
  window.close();
}
 //-->
</script>
</head>
<body>
<input type="checkbox" id="box_1" href="javascript:pick('box_1')">1
<input type="checkbox" id="box_2" href="javascript:pick('box_2')">2
<input type="checkbox" id="box_3" href="javascript:pick('box_3')">3
<input type="button" value="Übernehmen" onclick="pick()">
</body>
</html>
Vorsicht: Im Dokument try2.html war der onclick-Event falsch geschrieben.

Ciao
Quaese
 

Neue Beiträge

Zurück