Computerhilfen.de Logo
Forum
Tipps
News
Frage stellen

JavScript: Zelleninhalt ändern

Hallo
Ich möchte ein Anmeldeformular für ein RPG machen.
Auf der linken Seite sind die Felder zum Ausfüllen.
Auf der rechten möchte ich eine Zelle haben in der dann die Charaltere genau beschriebn werden. Dazu soll dann eine Tabelle in diese Zelle eingefügt werden:
<table>
<tr>
<td><img src...></td>
<td><Atrribute</td>
</tr>
<tr>
<td colspan="2">
</tr>
</table>

Man hat vier Charaktere zur Auswahl. Wie sieht das in JavaScript aus?


Antworten zu JavScript: Zelleninhalt ändern:

Schau mal bei Selfhtml unter Javascript/DOM

getElementById() (HTML-Elementzugriff über id-Attribut)
getElementsByName() (HTML-Elementzugriff über name-Attribut)
getElementsByTagName() (HTML-Elementzugriff über Elementliste)

Gruß

Hat dir diese Antwort geholfen?

Danke ButtonHilfreiche Antwort Button

Das Bild kannst du mit document.BILDNAME.src verändern. Musst dem Bild aber mit <IMG SRC="" NAME="name"> einen Namen geben. Oder eine ID, und die dann mit GetElementByID ändern...

Hat dir diese Antwort geholfen?

Danke ButtonHilfreiche Antwort Button

Das ist mein Script. Zumindext enthält es keine Fehler. Nur der Inhalt der Funktion wird nicht ausgeführt.
<script language="PHP">
print("
<script language='javascript'>
function details() {
/*var lol=window.document.getElementByName('char');
  var Details=window.document.getElementByName('Details')
 switch (lol) {
 case 1:
    { lol==1
      Details.innerHTML=' <table>
                     <tr><td><img src='paladin.jpg'</td><td>Attribute</td></tr>
                     <tr><td>Beschreibung</td></tr>
                     </table>
                   ';
    }

 case 2:
    { lol==2
      Details.innerHTML=' <table>
                     <tr><td><img src='barbar.jpg'</td><td>Attribute</td></tr>
                     <tr><td>Beschreibung</td></tr>
                     </table>
                   ';
    }

 case 3:
    { lol==3
      Details.innerHTML='<table>
                      <tr><td><img src='druide.jpg'</td><td>Attribute</td></tr>
                      <tr><td>Beschreibung</td></tr>
                      </table>
                   ';
    }

 case 4:
    { lol==4
      Details.innerHTML='<table>
                     <tr><td><img src='firnelf.jpg'</td><td>Attribute</td></tr>
                     <tr><td>Beschreibung</td></tr>
                     </table>
                   ';
    }
default:
}
*/
}



</script>
<table border='1'>
<tr>
<td align='center'>
        <table>
        <tr>
        <td>Charaktername:</td>
        <td><input type='text'></input></td>
        <tr>
        <tr>
        <td>Passwort:</td>
        <td><input type='password'></input></td>
        <tr>
        <tr>
        <td>Passwort wiederholen:</td>
        <td><input type='text'></input></td>
        <tr>
        <tr>
        <td>E-mail:</td>
        <td><input type='text'></input></td>
        <tr>
        <tr>
        <td>Charaktertyp:</td>
        <td name='keks'><select name='char' onChange='details(char.value);'>
                <option value='' >Bitte auswählen...</option>
                <option value='1' >Paladin</option>
                <option value='2' >Barbar</option>
                <option value='3' >Druide</option>
                <option value='4' >Firnelf</option>
       </select>
        </td>
        </tr>
</td>
<td name='Details'>

</td>
</tr>
</table>

");
</script>


« IPsymbol/adressleiste ausblenden »
 

Schnelle Hilfe: Hier nach ähnlichen Fragen und passenden Tipps suchen!

Fremdwörter? Erklärungen im Lexikon!
Eingabefelder
Als Eingabefelder werden in einem Programm oder in Online-Formularen die Stellen bezeichnet, an denen Informationen eingetippt werden können. Die Beschriftung neben ...

Javascript
JavaScript ist eine weit verbreitete Skriptsprache, die ursprünglich von Netscape für das DOM-Scripting für Webseiten entwickelt wurde. Sie hat sich seitde...

Bildpunkte
Bilder, die von einem Monitor wiedergegeben werden, bestehen aus einzelnen Bildpunkten (Pixeln). Je höher die Pixelanzahl ist, desto genauer und besser kann das Bild...