JS übergeht Funktion

Forumsgast

Dabei seit: 05.09.2011
Beiträge: 37

JS übergeht Funktion

14.12.2011, 18:45

Hallo Community,

ich habe eine Umfrage erstellt bei der es mehrere Eigenschaften mit wiederum 3 Attributen gibt.
Es gibt also mehrere Seiten sagen wir 10 mit jeweils mehreren Eigenschaften und den dazugehörigen Attributen.
Der unterschied zwischen den einzelnen Seiten ist nur das es mal weniger und mal mehr Eigenschaften (mit deren Attributen) gibt.
Die erste Seite enthält alle Eigenschaften (mit den Attributen).
Alle Seiten danach haben weniger.

Mein Problem:
ich habe eine JS-Funktion geschrieben, die für alle Eigenschaften eine Funktion ausführt, wenn sie aktiviert wird. Wenn ich aber die restlichen Seiten benutze (bei denen weniger Eigenschaften sind) funktioniert meine Funktion nicht mehr.

Was muss ich ändern, damit es funktioniert. Ich habe auch die Case-Funktion probiert aber das Funktioniert in diesem Fall nicht.

Hier die Seite mit Eigenschaften bei denen es NICHT funktioniert:

PHP-Code:


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Self Explicated</title>

<link href="../css/layout.css" rel="stylesheet" type="text/css" />

<link href="../css/text.css" rel="stylesheet" type="text/css" />

<link href="../css/matrix.css" rel="stylesheet" type="text/css" />

<script language="JavaScript" src="../javascript/application.js" type="text/javascript"></script>

<<script language="JavaScript" src="../javascript/pruefen.js" type="text/javascript"></script>

<script language="JavaScript" src="../javascript/stufe1.js" type="text/javascript"></script>

<script language="JavaScript" src="../javascript/stufe2.js" type="text/javascript"></script>

<script language="JavaScript" src="../javascript/stufe3.js" type="text/javascript"></script>

<script language="JavaScript" src="../javascript/stufe4.js" type="text/javascript"></script>

</head>

<body>

  <div id="paper2">

  <div id="logo"></div>

  <div id="inhalt">





  <h1>3. Sicherheitsmerkmale im Haus bei Abwsenheit</h1>

  <?php /*if(mysql_num_rows($sql) == 0):*/ ?>   

  <h5>Auf welche Attribute würden Sie Wert legen wenn Sie zu Hause abwesend wären, zum Beispiel im Urlaub?</h5>    

  <h5>5/12 Seiten</h5>    

  <a href="pdf_matrix.php" title="Übersicht der Auswahlmöglichkeiten" target="_new">Übersicht der Auswahlmöglichkeiten</a>    

          

  <form name="umfrage" method="post" action="../save.php?action=10" onsubmit="return pruefen()" onload="stufe2();">  

<!--MERKMAL-ID-->  

  <input name="merkmal" type="hidden" value="2" />



        

  

  <table align="center" width="763" border="0" >

<!--Überschrift-->

    <tr bgcolor="#000000" valign="top">

       <td scope="col" colspan="2"><font color="#FFFFFF"><u>Schritt 1</u><br />Ausprägung streichen<br/>mit der Produktkauf unmöglich ist. Es muss nicht gestrichen werden</font></td>

      <td scope="col" width="157"><font color="#FFFFFF"><u>Schritt 2</u><br /> <strong><u>B</u></strong>este (mit B) und <strong><u>S</u></strong>chlechteste (mit S) Ausprägung markieren</font></td>

      <td scope="col" width="128"><font color="#FFFFFF"><u>Schritt 3</u><br/> Faktoren bewerten<br/> 100% = beste<br/> 0%= schlechteste</font></td>

      <td scope="col" width="247"><font color="#FFFFFF"><u>Schritt 4</u><br/>Ausprägungen bewerten<br/> 100% = beste<br/> 0%= schlechteste</font></td>   

    </tr>

  

<!--Jalousienmanagement-->  

  <tr bgcolor="#CCCCCC">

    <td colspan="3"><div id="attribut"><strong><u>Jalousienmanagement</u></strong></div></td>

    <!--Step 3-->

    <td colspan="2" style="padding-left:30px"><input name="quali_jalousie_main" id="quali_jalousie_main" onchange="javascript:zurueck(id)" onblur="javascript:anker(id)" type="text" size="3" maxlength="3" />%</td>   

  </tr>

  

<!--Jalousienmanagement/ 1.mechanisch-->  

  <tr bgcolor="#CCCCCC" valign="top">

    <!--Step 1-->

    <td width="23" align="center"><input type="checkbox"  id="quali_jalousie_s1_1" name="quali_jalousie_s1_1" onclick="streichen()"/></td>

     <!--Step 2-->

    <td width="186" id="quali_jalousie_s1_1j">

      <div class="template_thumb" onmouseover="showtrail(191,112,'../images/matrix/42.jpg');" onmouseout="hidetrail();">

      Mechanischer Jalousienschalter</div></td>

    <td align="center">1.<input name="quali_jalousie_s2_1" id="quali_jalousie_s2_1" onkeyup="javascript:bs('quali_jalousie_s2_1')" type="text" size="1" maxlength="1" /></td>

    <td>&nbsp;</td>

    <!--Step 4-->

    <td align="center">1.<input class="textarea" name="quali_jalousie_s4_1" id="quali_jalousie_s4_1" onkeyup="javascript:viercheck(id)" type="text" size="3" maxlength="3" />%</td>

  </tr>

  

<!--Jalousienmanagement/ 2.standardtimer-->  

  <tr bgcolor="#CCCCCC" valign="top">

    <!--Step 1-->

    <td width="23" align="center"><input type="checkbox"  name="quali_jalousie_s1_2" onclick="streichen()"/></td>

     <!--Step 2-->

    <td width="186" id="quali_jalousie_s1_2j">

     <div class="template_thumb" onmouseover="showtrail(191,211,'../images/matrix/42.jpg');" onmouseout="hidetrail();">

     Standard-Timer Dedienelemente</div></td>

    <td align="center">2.<input class="textarea" name="quali_jalousie_s2_2" id="quali_jalousie_s2_2" onkeyup="javascript:bs('quali_jalousie_s2_2')" type="text" size="1" maxlength="1" /></td>

    <td>&nbsp;</td>

    <!--Step 4-->

    <td align="center">2.<input class="textarea" name="quali_jalousie_s4_2" id="quali_jalousie_s4_2" onkeyup="javascript:viercheck(id)" type="text" size="3" maxlength="3" />%</td>

  </tr>  

  

<!--Jalousienmanagement/ 3.komforttimer--> 

  <tr bgcolor="#CCCCCC" valign="top">

    <!--Step 1-->

    <td width="23" align="center"><input type="checkbox"  name="quali_jalousie_s1_3" onclick="streichen()"/></td>

    <!--Step 2-->

    <td width="186" id="quali_jalousie_s1_3j">

     <div class="template_thumb" onmouseover="showtrail(207,113,'../images/matrix/43.jpg');" onmouseout="hidetrail();">

     Komfort-Timer Bedienelemente mit Sonnensensor</div></td>

    <td align="center">3.<input class="textarea" name="quali_jalousie_s2_3" id="quali_jalousie_s2_3" onkeyup="javascript:bs('quali_jalousie_s2_3')" type="text" size="1" maxlength="1" /></td>

    <td>&nbsp;</td>

    <!--Step 4-->

    <td align="center">3.<input class="textarea" name="quali_jalousie_s4_3" id="quali_jalousie_s4_3" onkeyup="javascript:viercheck(id)" type="text" size="3" maxlength="3"/>%</td>

  </tr>  

  

<!--Beleuchtungsmanagement-->  

  <tr bgcolor="#CCCCCC">

    <td colspan="3"><div id="attribut"><strong><u>Beleuchtungsmanagement</u></strong></div></td>

    <!--Step 3-->

    <td colspan="2" style="padding-left:30px"><input name="quali_beleuchtung_main" id="quali_beleuchtung_main" onchange="javascript:zurueck(id)" onblur="javascript:anker(id)" type="text" size="3" maxlength="3" />%</td> 

  </tr>

  

<!--Beleuchtungsmanagement/ 1. 4-Fach Tastensensor-->

  <tr bgcolor="#CCCCCC" valign="top">

    <!--Step 1-->

    <td width="23" align="center"><input type="checkbox"  name="quali_beleuchtung_s1_1" onclick="streichen()"/></td>

    <!--Step 2-->

    <td width="186" id="quali_beleuchtung_s1_1j">

      <div class="template_thumb" onmouseover="showtrail(191,182,'../images/matrix/51.jpg');" onmouseout="hidetrail();">4-Fach Tastensensor</div></td>

    <td align="center">1.<input class="textarea" name="quali_beleuchtung_s2_1" id="quali_beleuchtung_s2_1" onkeyup="javascript:bs('quali_beleuchtung_s2_1')" type="text" size="1" maxlength="1" /></td>

    <td>&nbsp;</td>

    <!--Step 4-->

    <td align="center">1.<input class="textarea" name="quali_beleuchtung_s4_1" id="quali_beleuchtung_s4_1" onkeyup="javascript:viercheck(id)" type="text" size="3" maxlength="3" />%</td>

  </tr>

  

<!--Beleuchtungsmanagement/ 2. 5-Kanal Infrarotschnittstelle mit 3-Fach Tastsensor-->  

  <tr bgcolor="#CCCCCC" valign="top">

    <!--Step 1-->

    <td width="23" align="center"><input type="checkbox"  name="quali_beleuchtung_s1_2" onclick="streichen()"/></td>

    <!--Step 2-->

    <td width="186" id="quali_beleuchtung_s1_2j"><div class="template_thumb" onmouseover="showtrail(191,188,'../images/matrix/52.jpg');" onmouseout="hidetrail();">

     5-Kanal Infrarotschnittstelle mit 3-Fach Tastsensor</div></td>

    <td align="center">2.<input class="textarea" name="quali_beleuchtung_s2_2" id="quali_beleuchtung_s2_2" onkeyup="javascript:bs('quali_beleuchtung_s2_2')" type="text" size="1" maxlength="1" /></td>

    <td>&nbsp;</td>

    <!--Step 4-->

    <td align="center">2.<input class="textarea" name="quali_beleuchtung_s4_2" id="quali_beleuchtung_s4_2" onkeyup="javascript:viercheck(id)" type="text" size="3" maxlength="3" />%</td>

  </tr>  

  

<!--Beleuchtungsmanagement/ 3. 120-Funktionen Drehregler mit Display-->   

  <tr bgcolor="#CCCCCC" valign="top">

    <!--Step 1-->

    <td width="23" align="center"><input type="checkbox"  name="quali_beleuchtung_s1_3" onclick="streichen()"/></td>

    <!--Step 2-->

    <td width="186" id="quali_beleuchtung_s1_3j">

     <div class="template_thumb" onmouseover="showtrail(191,262,'../images/matrix/53.jpg');" onmouseout="hidetrail();">

     120-Funktionen Drehregler mit Display</div></td>

    <td align="center">3.<input class="textarea" name="quali_beleuchtung_s2_3" id="quali_beleuchtung_s2_3" onkeyup="javascript:bs('quali_beleuchtung_s2_3')" type="text" size="1" maxlength="1" /></td>

    <td>&nbsp;</td>

    <!--Step 4-->

    <td align="center">3.<input class="textarea" name="quali_beleuchtung_s4_3" id="quali_beleuchtung_s4_3" onkeyup="javascript:viercheck(id)" type="text" size="3" maxlength="3" />%</td>

  </tr>  

   

<!--Kontrollpanel-->  

  <tr bgcolor="#CCCCCC">

    <!--Step 3-->

    <td colspan="3"><div id="attribut"><strong><u>Kontrollpanal</u></strong></div></td>

    <td colspan="2" style="padding-left:30px"><input name="quali_panel_main" id="quali_panel_main" onchange="javascript:zurueck(id)" onblur="javascript:anker(id)" type="text" size="3" maxlength="3" />%</td>

  </tr>

  

<!--Kontrollpanel/ 1. Kontrollpanel Monochrom-->  

  <tr bgcolor="#CCCCCC" valign="top">

    <!--Step 1-->

    <td width="23" align="center"><input type="checkbox"  name="quali_panel_s1_1" onclick="streichen()"/></td>

    <!--Step 2--> 

    <td width="186" id="quali_panel_s1_1j">

     <div class="template_thumb" onmouseover="showtrail(191,167,'../images/matrix/121.jpg');" onmouseout="hidetrail();">Kontrollpanel Monochrom</div></td>

    <td align="center">1.<input name="quali_panel_s2_1" id="quali_panel_s2_1" onkeyup="javascript:bs('quali_panel_s2_1')" type="text" size="1" maxlength="1" /></td>

    <td>&nbsp;</td>

    <!--Step 4-->

    <td align="center">1.<input class="textarea" name="quali_panel_s4_1" id="quali_panel_s4_1" onkeyup="javascript:viercheck(id)" type="text" size="3" maxlength="3" />%</td>

  </tr>

  

<!--Kontrollpanel/ 2. Farb-Kontrollpanal-->  

  <tr bgcolor="#CCCCCC" valign="top">

    <!--Step 1-->

    <td width="23" align="center"><input type="checkbox"  name="quali_panel_s1_2" onclick="streichen()"/></td>

    <!--Step 2--> 

    <td width="186" id="quali_panel_s1_2j">

     <div class="template_thumb" onmouseover="showtrail(191,152,'../images/matrix/122.jpg');" onmouseout="hidetrail();">Farb-Kontrollpanal</div></td>

    <td align="center">2.<input class="textarea" name="quali_panel_s2_2" id="quali_panel_s2_2" onkeyup="javascript:bs('quali_panel_s2_2')" type="text" size="1" maxlength="1" /></td>

    <td>&nbsp;</td>

    <!--Step 4-->

    <td align="center">2.<input class="textarea" name="quali_panel_s4_2" id="quali_panel_s4_2" onkeyup="javascript:viercheck(id)" type="text" size="3" maxlength="3" />%</td>

  </tr>   

<!--Kontrollpanel/ 3. Steuerungs-, Infotainment-, Entertainment-Center-->  

  <tr bgcolor="#CCCCCC" valign="top">

    <!--Step 1-->

    <td width="23" align="center"><input type="checkbox"  name="quali_panel_s1_3" onclick="streichen()"/></td>

    <!--Step 2--> 

    <td width="186" id="quali_panel_s1_3j">

     <div class="template_thumb" onmouseover="showtrail(191,138,'../images/matrix/123.jpg');" onmouseout="hidetrail();">Steuerungs-, Infotainment-, Entertainment-Center</div></td>

    <td align="center">3.<input class="textarea" name="quali_panel_s2_3" id="quali_panel_s2_3" onkeyup="javascript:bs('quali_panel_s2_3')" type="text" size="1" maxlength="1" /></td>

    <td>&nbsp;</td>

    <!--Step 4-->

    <td align="center"> 3.<input class="textarea" name="quali_panel_s4_3" id="quali_panel_s4_3" onkeyup="javascript:viercheck(id)" type="text" size="3" maxlength="3" />%</td>

  </tr>

</table>

<br />

<input type="submit" name="abschicken"/>

<input type="reset" onclick="klar()" name="löschen"/>

</form>

<br />

<?php/* else:*/ ?>

            <p>Sie haben diesen Bogen bereits ausgefüllt <br /><br /><a href="11_notfall_imhaus.php">Zum nächsten Bogen</a></p>

            <?php /*endif;*/ ?>



</div>

</div>

</body>

</html>

Und hier die JS-Funktion:

Code:

// JavaScript Document

function streichen() {

// Alarm Tür

  if(document.forms.umfrage.elements["quali_alarm_s1_1"].checked == true) {
	document.getElementById("quali_alarm_s1_1j").style.textDecoration = "line-through";
  }  
  if(document.forms.umfrage.elements['quali_alarm_s1_1'].checked == false){
	document.getElementById('quali_alarm_s1_1j').style.textDecoration = "none";
  }  
// Alarm Funk  
  if(document.forms.umfrage.elements["quali_alarm_s1_2"].checked == true){
    document.getElementById('quali_alarm_s1_2j').style.textDecoration = "line-through";
  } 
  if(document.forms.umfrage.elements["quali_alarm_s1_2"].checked == false){
	document.getElementById('quali_alarm_s1_2j').style.textDecoration = "none";
  } 
  if(document.forms.umfrage.elements["quali_alarm_s1_1"].checked == true && document.forms.umfrage.elements["quali_alarm_s1_2"].checked == true) {
  document.forms.umfrage.elements["quali_alarm_s1_1"].checked = false;
  document.forms.umfrage.elements["quali_alarm_s1_2"].checked = false;
  document.getElementById('quali_alarm_s1_1j').style.textDecoration = "none";
  document.getElementById('quali_alarm_s1_2j').style.textDecoration = "none";
  alert("Mindestens 1 Atrribut muss UNGESTRICHEN sein!");
  }
  
// Rauch Stand	
	
  if(document.forms.umfrage.elements["quali_rauch_s1_1"].checked == true) {
	document.getElementById("quali_rauch_s1_1j").style.textDecoration = "line-through";
  }  
  if(document.forms.umfrage.elements['quali_rauch_s1_1'].checked == false){
	document.getElementById('quali_rauch_s1_1j').style.textDecoration = "none";
  } 
// Rauch Funk3 
  if(document.forms.umfrage.elements['quali_rauch_s1_2'].checked == true){
    document.getElementById('quali_rauch_s1_2j').style.textDecoration = "line-through";
  } 
  if(document.forms.umfrage.elements['quali_rauch_s1_2'].checked == false){
	document.getElementById('quali_rauch_s1_2j').style.textDecoration = "none";
  }   
  if(document.forms.umfrage.elements["quali_rauch_s1_1"].checked == true && document.forms.umfrage.elements["quali_rauch_s1_2"].checked == true) {
  document.forms.umfrage.elements["quali_rauch_s1_1"].checked = false;
  document.forms.umfrage.elements["quali_rauch_s1_2"].checked = false;
  document.getElementById('quali_rauch_s1_1j').style.textDecoration = "none";
  document.getElementById('quali_rauch_s1_2j').style.textDecoration = "none";
  alert("Mindestens 1 Atrribut muss UNGESTRICHEN sein!");
  }
  
// Video video	

  if(document.forms.umfrage.elements["quali_video_s1_1"].checked == true) {
	document.getElementById("quali_video_s1_1j").style.textDecoration = "line-through";
	}  
  if(document.forms.umfrage.elements['quali_video_s1_1'].checked == false){
	document.getElementById('quali_video_s1_1j').style.textDecoration = "none";
	} 
// Video high 
  if(document.forms.umfrage.elements['quali_video_s1_2'].checked == true){
    document.getElementById('quali_video_s1_2j').style.textDecoration = "line-through";
	} 
  if(document.forms.umfrage.elements['quali_video_s1_2'].checked == false){
	document.getElementById('quali_video_s1_2j').style.textDecoration = "none";
	}   
  if(document.forms.umfrage.elements["quali_video_s1_1"].checked == true && document.forms.umfrage.elements["quali_video_s1_2"].checked == true) {
  document.forms.umfrage.elements["quali_video_s1_1"].checked = false;
  document.forms.umfrage.elements["quali_video_s1_2"].checked = false;
  document.getElementById('quali_video_s1_1j').style.textDecoration = "none";
  document.getElementById('quali_video_s1_2j').style.textDecoration = "none";
  alert("Mindestens 1 Atrribut muss UNGESTRICHEN sein!");
  }
	
// Jalou mech

  if(document.forms.umfrage.elements['quali_jalousie_s1_1'].checked == true){
	  alert ('funktioniert');
    document.getElementById('quali_jalousie_s1_1j').style.textDecoration = "line-through";
	} 
  if(document.forms.umfrage.elements['quali_jalousie_s1_1'].checked == false){
	document.getElementById('quali_jalousie_s1_1j').style.textDecoration = "none";
    }   
// Jalou stand	
  if(document.forms.umfrage.elements["quali_jalousie_s1_2"].checked == true) {
	document.getElementById("quali_jalousie_s1_2j").style.textDecoration = "line-through";
  }  
  if(document.forms.umfrage.elements['quali_jalousie_s1_2'].checked == false){
	document.getElementById('quali_jalousie_s1_2j').style.textDecoration = "none";
  } 
// Jalou komfort 
  if(document.forms.umfrage.elements['quali_jalousie_s1_3'].checked == true){
    document.getElementById('quali_jalousie_s1_3j').style.textDecoration = "line-through";
  } 
  if(document.forms.umfrage.elements['quali_jalousie_s1_3'].checked == false){
	document.getElementById('quali_jalousie_s1_3j').style.textDecoration = "none";
  } 
  if(document.forms.umfrage.elements["quali_jalousie_s1_1"].checked == true && document.forms.umfrage.elements["quali_jalousie_s1_2"].checked == true && document.forms.umfrage.elements["quali_jalousie_s1_3"].checked == true) {
  document.forms.umfrage.elements["quali_jalousie_s1_1"].checked = false;
  document.forms.umfrage.elements["quali_jalousie_s1_2"].checked = false;
  document.forms.umfrage.elements["quali_jalousie_s1_3"].checked = false;
  document.getElementById('quali_jalousie_s1_1j').style.textDecoration = "none";
  document.getElementById('quali_jalousie_s1_2j').style.textDecoration = "none";
  document.getElementById('quali_jalousie_s1_3j').style.textDecoration = "none";
  alert("Mindestens 1 Atrribut muss UNGESTRICHEN sein!");
  }
   
// Leuchte vier

  if(document.forms.umfrage.elements['quali_beleuchtung_s1_1'].checked == true){
    document.getElementById('quali_beleuchtung_s1_1j').style.textDecoration = "line-through";
	} 
  if(document.forms.umfrage.elements['quali_beleuchtung_s1_1'].checked == false){
	document.getElementById('quali_beleuchtung_s1_1j').style.textDecoration = "none";
	}   
// Leuchte fünf	
  if(document.forms.umfrage.elements["quali_beleuchtung_s1_2"].checked == true) {
	document.getElementById("quali_beleuchtung_s1_2j").style.textDecoration = "line-through";
	}  
  if(document.forms.umfrage.elements['quali_beleuchtung_s1_2'].checked == false){
	document.getElementById('quali_beleuchtung_s1_2j').style.textDecoration = "none";
	} 
// Leuchte dreh 
  if(document.forms.umfrage.elements['quali_beleuchtung_s1_3'].checked == true){
    document.getElementById('quali_beleuchtung_s1_3j').style.textDecoration = "line-through";
	} 
  if(document.forms.umfrage.elements['quali_beleuchtung_s1_3'].checked == false){
	document.getElementById('quali_beleuchtung_s1_3j').style.textDecoration = "none";
	}  
  if(document.forms.umfrage.elements["quali_beleuchtung_s1_1"].checked == true && document.forms.umfrage.elements["quali_beleuchtung_s1_2"].checked == true && document.forms.umfrage.elements["quali_beleuchtung_s1_3"].checked == true) {
  document.forms.umfrage.elements["quali_beleuchtung_s1_1"].checked = false;
  document.forms.umfrage.elements["quali_beleuchtung_s1_2"].checked = false;
  document.forms.umfrage.elements["quali_beleuchtung_s1_3"].checked = false;
  document.getElementById('quali_beleuchtung_s1_1j').style.textDecoration = "none";
  document.getElementById('quali_beleuchtung_s1_2j').style.textDecoration = "none";
  document.getElementById('quali_beleuchtung_s1_3j').style.textDecoration = "none";
  alert("Mindestens 1 Atrribut muss UNGESTRICHEN sein!");
  }	
	
// Energy digi	

  if(document.forms.umfrage.elements["quali_energie_s1_1"].checked == true) {
	document.getElementById("quali_energie_s1_1j").style.textDecoration = "line-through";
	}  
  if(document.forms.umfrage.elements['quali_energie_s1_1'].checked == false){
	document.getElementById('quali_energie_s1_1j').style.textDecoration = "none";
	} 
// Energy home
  if(document.forms.umfrage.elements['quali_energie_s1_2'].checked == true){
    document.getElementById('quali_energie_s1_2j').style.textDecoration = "line-through";
	} 
  if(document.forms.umfrage.elements['quali_energie_s1_2'].checked == false){
	document.getElementById('quali_energie_s1_2j').style.textDecoration = "none";
	}
  if(document.forms.umfrage.elements["quali_energie_s1_1"].checked == true && document.forms.umfrage.elements["quali_energie_s1_2"].checked == true) {
  	document.forms.umfrage.elements["quali_energie_s1_1"].checked = false;
  	document.forms.umfrage.elements["quali_energie_s1_2"].checked = false;
  	document.getElementById('quali_energie_s1_1j').style.textDecoration = "none";
  	document.getElementById('quali_energie_s1_2j').style.textDecoration = "none";
  	alert("Mindestens 1 Atrribut muss UNGESTRICHEN sein!");
    }	
	  
// Notruf Wohnung taste

  if(document.forms.umfrage.elements['quali_notruf_wohnung_s1_1'].checked == true){
    document.getElementById('quali_notruf_wohnung_s1_1j').style.textDecoration = "line-through";
	} 
  if(document.forms.umfrage.elements['quali_notruf_wohnung_s1_1'].checked == false){
	document.getElementById('quali_notruf_wohnung_s1_1j').style.textDecoration = "none";
	}  
// Notruf Wohnung ruf
  if(document.forms.umfrage.elements["quali_notruf_wohnung_s1_2"].checked == true) {
	document.getElementById("quali_notruf_wohnung_s1_2j").style.textDecoration = "line-through";
	}  
  if(document.forms.umfrage.elements['quali_notruf_wohnung_s1_2'].checked == false){
	document.getElementById('quali_notruf_wohnung_s1_2j').style.textDecoration = "none";
	} 
// Notruf Wohnung alarm
  if(document.forms.umfrage.elements['quali_notruf_wohnung_s1_3'].checked == true){
    document.getElementById('quali_notruf_wohnung_s1_3j').style.textDecoration = "line-through";
	} 
  if(document.forms.umfrage.elements['quali_notruf_wohnung_s1_3'].checked == false){
	document.getElementById('quali_notruf_wohnung_s1_3j').style.textDecoration = "none";
	}    
  if(document.forms.umfrage.elements["quali_notruf_wohnung_s1_1"].checked == true && document.forms.umfrage.elements["quali_notruf_wohnung_s1_2"].checked == true && document.forms.umfrage.elements["quali_notruf_wohnung_s1_3"].checked == true) {
	document.forms.umfrage.elements["quali_notruf_wohnung_s1_1"].checked = false;
	document.forms.umfrage.elements["quali_notruf_wohnung_s1_2"].checked = false;
	document.forms.umfrage.elements["quali_notruf_wohnung_s1_3"].checked = false;
	document.getElementById('quali_notruf_wohnung_s1_1j').style.textDecoration = "none";
	document.getElementById('quali_notruf_wohnung_s1_2j').style.textDecoration = "none";
	document.getElementById('quali_notruf_wohnung_s1_3j').style.textDecoration = "none";
	alert("Mindestens 1 Atrribut muss UNGESTRICHEN sein!");
	}		
	
// Notruf dritte taste

  if(document.forms.umfrage.elements['quali_notruf_dritte_s1_1'].checked == true){
    document.getElementById('quali_notruf_dritte_s1_1j').style.textDecoration = "line-through";
  } 
  if(document.forms.umfrage.elements['quali_notruf_dritte_s1_1'].checked == false){
	document.getElementById('quali_notruf_dritte_s1_1j').style.textDecoration = "none";
  }  
// Notruf dritte ruf
  if(document.forms.umfrage.elements["quali_notruf_dritte_s1_2"].checked == true) {
	document.getElementById("quali_notruf_dritte_s1_2j").style.textDecoration = "line-through";
  }  
  if(document.forms.umfrage.elements['quali_notruf_dritte_s1_2'].checked == false){
	document.getElementById('quali_notruf_dritte_s1_2j').style.textDecoration = "none";
  }
// Notruf dritte 
  if(document.forms.umfrage.elements['quali_notruf_dritte_s1_3'].checked == true){
    document.getElementById('quali_notruf_dritte_s1_3j').style.textDecoration = "line-through";
  } 
  if(document.forms.umfrage.elements['quali_notruf_dritte_s1_3'].checked == false){
	document.getElementById('quali_notruf_dritte_s1_3j').style.textDecoration = "none";
  } 
   if(document.forms.umfrage.elements["quali_notruf_dritte_s1_1"].checked == true && document.forms.umfrage.elements["quali_notruf_dritte_s1_2"].checked == true && document.forms.umfrage.elements["quali_notruf_dritte_s1_3"].checked == true) {
	document.forms.umfrage.elements["quali_notruf_dritte_s1_1"].checked = false;
	document.forms.umfrage.elements["quali_notruf_dritte_s1_2"].checked = false;
	document.forms.umfrage.elements["quali_notruf_dritte_s1_3"].checked = false;
	document.getElementById('quali_notruf_dritte_s1_1j').style.textDecoration = "none";
	document.getElementById('quali_notruf_dritte_s1_2j').style.textDecoration = "none";
	document.getElementById('quali_notruf_dritte_s1_3j').style.textDecoration = "none";
	alert("Mindestens 1 Atrribut muss UNGESTRICHEN sein!");
	}		  
     
// Temp einrad
  if(document.forms.umfrage.elements['quali_heizung_s1_1'].checked == true){
    document.getElementById('quali_heizung_s1_1j').style.textDecoration = "line-through";
  } 
  if(document.forms.umfrage.elements['quali_heizung_s1_1'].checked == false){
	document.getElementById('quali_heizung_s1_1j').style.textDecoration = "none";
  }  
// Temp zweiraum
  if(document.forms.umfrage.elements["quali_heizung_s1_2"].checked == true) {
	document.getElementById("quali_heizung_s1_2j").style.textDecoration = "line-through";
  }  
  if(document.forms.umfrage.elements['quali_heizung_s1_2'].checked == false){
	document.getElementById('quali_heizung_s1_2j').style.textDecoration = "none";
  } 
// Temp sensor 
  if(document.forms.umfrage.elements['quali_heizung_s1_3'].checked == true){
    document.getElementById('quali_heizung_s1_3j').style.textDecoration = "line-through";
  } 
  if(document.forms.umfrage.elements['quali_heizung_s1_3'].checked == false){
	document.getElementById('quali_heizung_s1_3j').style.textDecoration = "none";
  }        
   if(document.forms.umfrage.elements["quali_heizung_s1_1"].checked == true && document.forms.umfrage.elements["quali_heizung_s1_2"].checked == true && document.forms.umfrage.elements["quali_heizung_s1_3"].checked == true) {
	document.forms.umfrage.elements["quali_heizung_s1_1"].checked = false;
	document.forms.umfrage.elements["quali_heizung_s1_2"].checked = false;
	document.forms.umfrage.elements["quali_heizung_s1_3"].checked = false;
	document.getElementById('quali_heizung_s1_1j').style.textDecoration = "none";
	document.getElementById('quali_heizung_s1_2j').style.textDecoration = "none";
	document.getElementById('quali_heizung_s1_3j').style.textDecoration = "none";
	alert("Mindestens 1 Atrribut muss UNGESTRICHEN sein!");
	}		
  
// Panel mono
  if(document.forms.umfrage.elements['quali_panel_s1_1'].checked == true){
    document.getElementById('quali_panel_s1_1j').style.textDecoration = "line-through";
  } 
  if(document.forms.umfrage.elements['quali_panel_s1_1'].checked == false){
	document.getElementById('quali_panel_s1_1j').style.textDecoration = "none";
  }  
// Panel farb
  if(document.forms.umfrage.elements["quali_panel_s1_2"].checked == true) {
	document.getElementById("quali_panel_s1_2j").style.textDecoration = "line-through";
  }  
  if(document.forms.umfrage.elements['quali_panel_s1_2'].checked == false){
	document.getElementById('quali_panel_s1_2j').style.textDecoration = "none";
  } 
// Panel sensor 
  if(document.forms.umfrage.elements['quali_panel_s1_3'].checked == true){
    document.getElementById('quali_panel_s1_3j').style.textDecoration = "line-through";
  } 
  if(document.forms.umfrage.elements['quali_panel_s1_3'].checked == false){
	document.getElementById('quali_panel_s1_3j').style.textDecoration = "none";
  }       
  if(document.forms.umfrage.elements["quali_panel_s1_1"].checked == true && document.forms.umfrage.elements["quali_panel_s1_2"].checked == true && document.forms.umfrage.elements["quali_panel_s1_3"].checked == true) {
	document.forms.umfrage.elements["quali_panel_s1_1"].checked = false;
	document.forms.umfrage.elements["quali_panel_s1_2"].checked = false;
	document.forms.umfrage.elements["quali_panel_s1_3"].checked = false;
	document.getElementById('quali_panel_s1_1j').style.textDecoration = "none";
	document.getElementById('quali_panel_s1_2j').style.textDecoration = "none";
	document.getElementById('quali_panel_s1_3j').style.textDecoration = "none";
	alert("Mindestens 1 Atrribut muss UNGESTRICHEN sein!");
	}		
   
// Alles aus aus
  if(document.forms.umfrage.elements["quali_alles_aus_s1_1"].checked == true) {
	document.getElementById("quali_alles_aus_s1_1j").style.textDecoration = "line-through";
	}  
  if(document.forms.umfrage.elements['quali_alles_aus_s1_1'].checked == false){
	document.getElementById('quali_alles_aus_s1_1j').style.textDecoration = "none";
	} 
// Alles aus anti 
  if(document.forms.umfrage.elements['quali_alles_aus_s1_2'].checked == true){
    document.getElementById('quali_alles_aus_s1_2j').style.textDecoration = "line-through";
	} 
  if(document.forms.umfrage.elements['quali_alles_aus_s1_2'].checked == false){
	document.getElementById('quali_alles_aus_s1_2j').style.textDecoration = "none";
	}  
  if(document.forms.umfrage.elements["quali_alles_aus_s1_1"].checked == true && document.forms.umfrage.elements["quali_alles_aus_s1_2"].checked == true) {
  	document.forms.umfrage.elements["quali_alles_aus_s1_1"].checked = false;
  	document.forms.umfrage.elements["quali_alles_aus_s1_2"].checked = false;
  	document.getElementById('quali_alles_aus_s1_1j').style.textDecoration = "none";
  	document.getElementById('quali_alles_aus_s1_2j').style.textDecoration = "none";
  	alert("Mindestens 1 Atrribut muss UNGESTRICHEN sein!");
    }	    
// Audio mono2 
  if(document.forms.umfrage.elements['quali_audio_s1_1'].checked == true){
    document.getElementById('quali_audio_s1_1j').style.textDecoration = "line-through";
  } 
  if(document.forms.umfrage.elements['quali_audio_s1_1'].checked == false){
	document.getElementById('quali_audio_s1_1j').style.textDecoration = "none";
  }        
// Audio digi1
  if(document.forms.umfrage.elements["quali_audio_s1_2"].checked == true) {
	document.getElementById("quali_audio_s1_2j").style.textDecoration = "line-through";
  }  
  if(document.forms.umfrage.elements['quali_audio_s1_2'].checked == false){
	document.getElementById('quali_audio_s1_2j').style.textDecoration = "none";
  } 
// Audio Inter 
  if(document.forms.umfrage.elements['quali_audio_s1_3'].checked == true){
    document.getElementById('quali_audio_s1_3j').style.textDecoration = "line-through";
  } 
  if(document.forms.umfrage.elements['quali_audio_s1_3'].checked == false){
	document.getElementById('quali_audio_s1_3j').style.textDecoration = "none";
  }   
  if(document.forms.umfrage.elements["quali_audio_s1_1"].checked == true && document.forms.umfrage.elements["quali_audio_s1_2"].checked == true && document.forms.umfrage.elements["quali_audio_s1_3"].checked == true) {
	document.forms.umfrage.elements["quali_audio_s1_1"].checked = false;
	document.forms.umfrage.elements["quali_audio_s1_2"].checked = false;
	document.forms.umfrage.elements["quali_audio_s1_3"].checked = false;
	document.getElementById('quali_audio_s1_1j').style.textDecoration = "none";
	document.getElementById('quali_audio_s1_2j').style.textDecoration = "none";
	document.getElementById('quali_audio_s1_3j').style.textDecoration = "none";
	alert("Mindestens 1 Atrribut muss UNGESTRICHEN sein!");
	}		
  
   
// Preis 8 
  if(document.forms.umfrage.elements['quali_preis_s1_1'].checked == true){
    document.getElementById('quali_preis_s1_1j').style.textDecoration = "line-through";
  } 
  if(document.forms.umfrage.elements['quali_preis_s1_1'].checked == false){
	document.getElementById('quali_preis_s1_1j').style.textDecoration = "none";
  }    
// Preis 12
  if(document.forms.umfrage.elements['quali_preis_s1_2'].checked == true){
    document.getElementById('quali_preis_s1_2j').style.textDecoration = "line-through";
  } 
  if(document.forms.umfrage.elements['quali_preis_s1_2'].checked == false){
	document.getElementById('quali_preis_s1_2j').style.textDecoration = "none";
  }        
// Preis 16
  if(document.forms.umfrage.elements['quali_preis_s1_3'].checked == true){
    document.getElementById('quali_preis_s1_3j').style.textDecoration = "line-through";
  } 
  if(document.forms.umfrage.elements['quali_preis_s1_3'].checked == false){
	document.getElementById('quali_preis_s1_3j').style.textDecoration = "none";
  }     
// Preis zwanzig	
  if(document.forms.umfrage.elements["quali_preis_s1_4"].checked == true) {
	document.getElementById("quali_preis_s1_4j").style.textDecoration = "line-through";
  }  
  if(document.forms.umfrage.elements['quali_preis_s1_4'].checked == false){
	document.getElementById('quali_preis_s1_4j').style.textDecoration = "none";
  } 
  if(document.forms.umfrage.elements["quali_preis_s1_1"].checked == true && document.forms.umfrage.elements["quali_preis_s1_2"].checked == true && document.forms.umfrage.elements["quali_preis_s1_3"].checked == true && document.forms.umfrage.elements["quali_preis_s1_4"].checked == true) {
	document.forms.umfrage.elements["quali_preis_s1_1"].checked = false;
	document.forms.umfrage.elements["quali_preis_s1_2"].checked = false;
	document.forms.umfrage.elements["quali_preis_s1_3"].checked = false;
	document.forms.umfrage.elements["quali_preis_s1_4"].checked = false;
	document.getElementById('quali_preis_s1_1j').style.textDecoration = "none";
	document.getElementById('quali_preis_s1_2j').style.textDecoration = "none";
	document.getElementById('quali_preis_s1_3j').style.textDecoration = "none";
	document.getElementById('quali_preis_s1_4j').style.textDecoration = "none";
	alert("Mindestens 1 Atrribut muss UNGESTRICHEN sein!");
	}		
  
}

function klar() {
	document.getElementById('quali_alarm_s1_1').style.textDecoration = "none";
	document.getElementById('quali_alarm_s1_2').style.textDecoration = "none";
	document.getElementById('quali_rauch_s1_1').style.textDecoration = "none";
	document.getElementById('quali_rauch_s1_2').style.textDecoration = "none";
	document.getElementById('quali_video_s1_1').style.textDecoration = "none";
	document.getElementById('quali_video_s1_2').style.textDecoration = "none";
	document.getElementById('quali_jalousie_s1_1').style.textDecoration = "none";
	document.getElementById('quali_jalousie_s1_2').style.textDecoration = "none";
	document.getElementById('quali_jalousie_s1_3').style.textDecoration = "none";
	document.getElementById('quali_beleuchtung_s1_1').style.textDecoration = "none";
	document.getElementById('quali_beleuchtung_s1_2').style.textDecoration = "none";
	document.getElementById('quali_beleuchtung_s1_3').style.textDecoration = "none";
	document.getElementById('quali_energie_s1_1').style.textDecoration = "none";
	document.getElementById('quali_energie_s1_2').style.textDecoration = "none";
	document.getElementById('quali_notruf_wohnung_s1_1').style.textDecoration = "none";
	document.getElementById('quali_notruf_wohnung_s1_2').style.textDecoration = "none";
	document.getElementById('quali_notruf_wohnung_s1_3').style.textDecoration = "none";
	document.getElementById('quali_notruf_dritte_s1_1').style.textDecoration = "none";
	document.getElementById('quali_notruf_dritte_s1_2').style.textDecoration = "none";
	document.getElementById('quali_notruf_dritte_s1_3').style.textDecoration = "none";
	document.getElementById('quali_heizung_s1_1').style.textDecoration = "none";
	document.getElementById('quali_heizung_s1_2').style.textDecoration = "none";
	document.getElementById('quali_heizung_s1_3').style.textDecoration = "none";
	document.getElementById('quali_panel_s1_1').style.textDecoration = "none";
	document.getElementById('quali_panel_s1_2').style.textDecoration = "none";
	document.getElementById('quali_panel_s1_3').style.textDecoration = "none";
	document.getElementById('quali_alles_aus_s1_1').style.textDecoration = "none";
	document.getElementById('quali_alles_aus_s1_2').style.textDecoration = "none";
	document.getElementById('quali_audio_s1_1').style.textDecoration = "none";
	document.getElementById('quali_audio_s1_2').style.textDecoration = "none";
	document.getElementById('quali_audio_s1_3').style.textDecoration = "none";
	document.getElementById('quali_preis_s1_1').style.textDecoration = "none";
	document.getElementById('quali_preis_s1_2').style.textDecoration = "none";
	document.getElementById('quali_preis_s1_3').style.textDecoration = "none";
	document.getElementById('quali_preis_s1_4').style.textDecoration = "none";	
	}

Welche Variante muss benutzt werden, damit die Funktionen auch bei weniger, als den aufgeführten Eigenschaften in der JS-Datei funktioniert.

Viele Grüße und frohe Weihnacht

Stichworte: -

Forumsgast

Dabei seit: 10.10.2009

Beiträge: 3028
#2

15.12.2011, 16:01

Besorg dir ein Tool wie Firebug und schau dir in der JS Konsole eventuelle Fehlermeldungen an.

Ich hab die Theorie bei der Masse an Code ejtzt nciht geprüft aber sicher gibt document.getElementById(...) an irgend einer Stelle kein gültiges Objekt zurück weswegen die Funktion dort mit einem Fehler abbricht.

Am einfachsten wäre es auf ein Framework wie jQuery umzusteigen. Dort kannst du einen Selektor wie in CSS verwenden um alle nötigen Elemente "auszuwählen" und mit der each() Funktion darüber iterieren. Dadurch wird dein Script dynamisch und arbeitet in Abhängigkeit der vorhandenen Elemente. Von der Übersichtlichkeit, und Lesbarkeit mal ganz zu schweigen.
Kommentar
Forumsgast

Dabei seit: 05.08.2008

Beiträge: 2709
#3

15.12.2011, 22:44

Du brauchst dringend ein Framework wie JQuery. Dann wirst Du den Code voraussichtlich auf 10% seiner jetzigen Größe eindampfen können. Das ist ja ansonsten kaum zu überschauen.
Kommentar

Forumsgast

Dabei seit: 21.05.2008
Beiträge: 46002

15.12.2011, 23:24

Ähm, naja, wenn ich mir Zeilen wie diese angucke:

Code:

  if(document.forms.umfrage.elements["quali_alarm_s1_1"].checked == true) {
	document.getElementById("quali_alarm_s1_1j").style.textDecoration = "line-through";
  }  
  if(document.forms.umfrage.elements['quali_alarm_s1_1'].checked == false){
	document.getElementById('quali_alarm_s1_1j').style.textDecoration = "none";
  }

ginge auch ohne jQuery einiges effizienter...

Und das geht Zeile für Zeile in diesem Code so.

Kommentar

Vorherige Weiter

Ankündigung

JS übergeht Funktion

Neue Werbung 2019

JS übergeht Funktion

Kommentar

Kommentar

Kommentar