Ergebnis 1 bis 1 von 1
  1. #1
    pettajam ist offline Jungspund
    registriert
    27-06-2010
    Beiträge
    10

    Spalten in Tabellen sperren

    Ich habe eine Tabelle die 4x4 groß ist ( 4 Zeilen und 4 Spalten).

    Jede Zelle hat eine Textbox. Wenn man die Zelle ändert sich die Zahl in der Textbox von 1 zu 0 und beim zweiten Klick zurück. Jetzt möchte ich gerne, dass wenn eine Zelle schon in einer Spalte angeklickt ist. Die restlichen 3 nicht mehr anklickbar sind. Ich weiss aber noch nicht mal ansatzweise wie das gehen, ich habe mir überlegt ob man die funktionen der restlichen 3 Zellen nciht einfach sperren könnte. Damit mein ich eine if abfrage, wenn die function zahl1() aktiv ist, verlieren die andern 3 Zellen Ihre OnClick- Funktion. Ich hab echt keien Ahung wo ich da anfangen soll.

    Ich gebe ech mal alles was ich bisher zu den Zellen geschrieben habe mal als Beispiel für 1 Spalte der Tabelle. Ich hoffe ihr könnt mir da weiter helfen.

    Der Javascript-Teil:
    HTML-Code:
    function zahl1() {
    	if (document.getElementById("ch1").value == "0"){
    document.getElementById("ch1").value = "1";
     }
    
    else {document.getElementById("ch1").value = "0";
    }
    
    if (document.getElementById("ch1").value == "0" ){
    	document.getElementById("td1").style.backgroundColor ="#ffcc33"}
    	else {	document.getElementById("td1").style.backgroundColor ="#FFFF33"}
    	}
    	
    function zahl2() {
    	if (document.getElementById("ch2").value == "0"){
    document.getElementById("ch2").value = "1";
     }
    
    else {document.getElementById("ch2").value = "0";
    }
    
    if (document.getElementById("ch2").value == "0" ){
    	document.getElementById("td2").style.backgroundColor ="#ffcc33"}
    	else {	document.getElementById("td2").style.backgroundColor ="#FFFF33"}
    	}
    	
    function zahl3() {
    	if (document.getElementById("ch3").value == "0"){
    document.getElementById("ch3").value = "1";
     }
    
    else {document.getElementById("ch3").value = "0";
    }
    
    if (document.getElementById("ch3").value == "0" ){
    	document.getElementById("td3").style.backgroundColor ="#ffcc33"}
    	else {	document.getElementById("td3").style.backgroundColor ="#FFFF33"}
    	}
    	
    function zahl4() {
    	if (document.getElementById("ch4").value == "0"){
    document.getElementById("ch4").value = "1";
     }
    
    else {document.getElementById("ch4").value = "0";
    }
    
    if (document.getElementById("ch4").value == "0" ){
    	document.getElementById("td4").style.backgroundColor ="#ffcc33"}
    	else {	document.getElementById("td4").style.backgroundColor ="#FFFF33"}
    	}
    Der HTML-Teil:
    HTML-Code:
    <table border="2px" bordercolor="#000000" cellpadding="0" cellspacing="0" >
    <tr class="body">
      <td class="tdhead">Raum XX</td>
      <td id="td1" onclick="zahl1()"><input id="ch1" class="ws_box"  value="0" /></td>
     </tr>
    <tr class="body">
      <td class="tdhead">Raum XX</td>
      <td id="td1" onclick="zahl2()"><input id="ch2" class="ws_box"  value="0" /></td>
     </tr>
    <tr class="body">
      <td class="tdhead">Raum XX</td>
      <td id="td1" onclick="zahl3()"><input id="ch3" class="ws_box"  value="0" /></td>
     </tr>
    <tr class="body">
      <td class="tdhead">Raum XX</td>
      <td id="td1" onclick="zahl4()"><input id="ch4" class="ws_box"  value="0" /></td>
     </tr>
    </table>
    Geändert von pettajam (08-07-2010 um 11:15 Uhr)

Ähnliche Themen

  1. SUMME aus 3 Spalten
    Von fixxxxxi im Forum Serverseitige Programmierung
    Antworten: 1
    Letzter Beitrag: 13-04-2009, 00:48
  2. Spalten in Dropdown
    Von dottore im Forum CSS und (X)HTML
    Antworten: 16
    Letzter Beitrag: 15-02-2006, 23:47
  3. Antworten: 7
    Letzter Beitrag: 07-06-2005, 10:18
  4. Tabellen: In den Spalten unterschiedliche <tr>-höhen
    Von tobiasreike im Forum Allgemeines
    Antworten: 1
    Letzter Beitrag: 24-01-2003, 15:41
  5. mit PHP fin frame spalten
    Von MasterD im Forum Serverseitige Programmierung
    Antworten: 1
    Letzter Beitrag: 28-01-2001, 20:40

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •