Ergebnis 1 bis 2 von 2

Thema: Javascript EventHandler onClick

  1. #1
    HTML Newbie
    Registriert seit
    06.05.2007
    Beiträge
    2
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard Javascript EventHandler onClick

    Hallo zusammen,

    zunächst einmal, ich bin Anfänger und habe bisher nur rudimentäre Kenntnisse von HTML & Co. Ich möchte eine Onlinebefragung machen und bin auf ein Problem gestoßen. Es soll aus einer Tabelle mit 2 Spalten und 7 Zeilen durch Anklicken jedes Element aus der 1. Spalte automatisch in der 2. Spalte erscheinen, von oben nach unten.

    Kann mir einer behilflich sein? Ich weiß nur, dass man dazu ein Javascript benötigt und den EventHandler OnClick.

    Vielen Dank schon mal.

    Gruß, MrVega
    Code:
    <table border="0" width="150">
    <tr bgcolor="#FFFFFF">
    	<td>Elemente</td>
    	<td>Rangfolge</td>
    </tr>
    <tr bgcolor="#EEEEEE">
    	<td>Element1</td>
    	<td></td>
    		
    </tr>
    <tr bgcolor="#EEEEEE">
    	<td>Element2</td>
    	<td></td>
    </tr>
    <tr bgcolor="#EEEEEE">
    	<td>Element3</td>
    	<td></td>
    </tr>
    <tr bgcolor="#EEEEEE">
    	<td>Element4</td>
    	<td></td>
    </tr>
    <tr bgcolor="#EEEEEE">
    	<td>Element5</td>
    	<td></td>
    </tr>
    <tr bgcolor="#EEEEEE">
    	<td>Element6</td>
    	<td></td>
    </tr>
    <tr bgcolor="#EEEEEE">
    	<td>Element7</td>
    	<td></td>
    </tr>
    
    </table>
    
    
    
    Durch Anklicken auf ein Element soll dieses automatisch von oben nach unten der in der 2 Spalte erscheinen.</p>
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!
    Angehängte Dateien Angehängte Dateien

  2. #2
    Boman
    Gast

    Standard

    Sorry für die späte Antwort aber meinst du soetwas:

    Code:
    <script type="text/javascript">
    function uebertragen&#40;zeile&#41; 
    &#123;
      document.getElementById&#40;zeile+"1"&#41;.firstChild.nodeValue = document.getElementById&#40;zeile+"0"&#41;.firstChild.nodeValue;
    &#125;
    </script>
    
    <table border="0" width="150">
      <tr bgcolor="#FFFFFF">
        <td>Elemente</td>
        <td>Rangfolge</td>
      </tr>
      <tr bgcolor="#EEEEEE">
        <td id="00" onclick="uebertragen&#40;'0'&#41;;">Element1</td>
        <td id="01"></td>      
      </tr>
      <tr bgcolor="#EEEEEE">
        <td id="10" onclick="uebertragen&#40;'1'&#41;;">Element2</td>
        <td id="11"></td>
      </tr>
      <tr bgcolor="#EEEEEE">
        <td id="20" onclick="uebertragen&#40;'2'&#41;;">Element3</td>
        <td id="21"></td>
      </tr>
      <tr bgcolor="#EEEEEE">
        <td id="30" onclick="uebertragen&#40;'3'&#41;;">Element4</td>
        <td id="31"></td>
      </tr>
      <tr bgcolor="#EEEEEE">
        <td id="40" onclick="uebertragen&#40;'4'&#41;;">Element5</td>
        <td id="41"></td>
      </tr>
      <tr bgcolor="#EEEEEE">
        <td id="50" onclick="uebertragen&#40;'5'&#41;;">Element6</td>
        <td id="51"></td>
      </tr>
      <tr bgcolor="#EEEEEE">
        <td id="60" onclick="uebertragen&#40;'6'&#41;;">Element7</td>
        <td id="61"></td>
      </tr>
    </table>
    Die Elemente kann man ja noch durch text-inputs ersetzen, dann kann man den Text auch ändern.

    Gruß Boman

Ähnliche Themen

  1. Javascript hilfe- onclick mit href.
    Von shurik.aka im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 3
    Letzter Beitrag: 28.02.2008, 22:25
  2. onClick?!? Bilderwechsel durch onClick???
    Von maddin123 im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 4
    Letzter Beitrag: 16.11.2007, 10:24
  3. onclick?
    Von jojo87 im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 2
    Letzter Beitrag: 16.10.2007, 18:38
  4. onclick -> echo ...
    Von Jane im Forum HTML & CSS Forum
    Antworten: 7
    Letzter Beitrag: 11.02.2007, 07:03
  5. javascript onclick problem
    Von BendOr im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 2
    Letzter Beitrag: 28.12.2006, 17:38

Stichworte

Berechtigungen

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