HTMLWorld - HTML, CSS, JavaScript, PHP, Java, Flash und vieles mehrHTMLWorld:   Home | Impressum
 

 
 

Anzeige 
 
HTMLWorld » Forum

Thema anzeigen - bei "onclick" Bilder an einer "anderen Stelle

 FAQFAQ   SuchenSuchen   MitgliederlisteMitgliederliste   BenutzergruppenBenutzergruppen   RegistrierenRegistrieren 
 ProfilProfil   Einloggen, um private Nachrichten zu lesenEinloggen, um private Nachrichten zu lesen   LoginLogin 

bei "onclick" Bilder an einer "anderen Stelle

 

Neues Thema eröffnen   Dieses Thema ist gesperrt, du kannst keine Beiträge editieren oder beantworten.    HTMLWorld Foren-Übersicht
   JavaScript
Vorheriges Thema:
Nächstes Thema:  
Autor Nachricht
schlaubi666
Forumsteilnehmer


Anmeldungsdatum: 30.10.2009
Beiträge: 9

BeitragVerfasst am: 30.10.2009 11:32:22    Titel: bei "onclick" Bilder an einer "anderen Stelle Antworten mit Zitat

Hi,

ich bin Anfänger in JS und möchte etwas umsetzten.
(Grundgerüst siehe code).
Wenn ich auf id(ts1-ts6) klicke, soll ein Bild im <div id="ziel" > angezeigt werden. (als unterste Ebene)
Wenn ich auf id(m1-m6) klicke, soll ein Bild im <div id="ziel" > angezeigt werden.(als oberste Ebene)



Code:


<table style="text-align: center; height: 600px; width: 610px;" border="1" cellspacing="0" cellpadding="0" align="center">
<tbody>
<tr>
 <td nowrap style="height: 100px; width: 606x;" colspan="3" border="0" cellspacing="0" cellpadding="0">
  <img src="ts.1.gif" alt="1" id="ts1" onclick="" width="100" height="100" />
  <img src="ts.2.gif" alt="2" id="ts2" onclick="" width="100" height="100" />
  </td>
</tr>
<tr>
 <td>
    <div id="ziel">
      nix
    </div>

 </td>
</tr>
<tr>
 <td nowrap style="height: 100px; width: 606x;" colspan="3" border="0" cellspacing="0" cellpadding="0">
  <img src="m.1.gif" alt="1" id="m1" onclick="" width="100" height="100" />
  <img src="m.2.gif" alt="2" id="m2" onclick="" width="100" height="100" />
 </td>
</tr>
</tbody>
</table>



wie mache ich denn sowas mit JS ?

Danke


Zuletzt bearbeitet von schlaubi666 am 31.10.2009 20:57:06, insgesamt einmal bearbeitet
Nach oben
Benutzer-Profile anzeigen Private Nachricht senden
Kambfhase
Häufiger Poster


Anmeldungsdatum: 19.03.2006
Beiträge: 235

BeitragVerfasst am: 31.10.2009 12:03:38    Titel: Antworten mit Zitat

Wenn du noch nicht so gut JS kannst, dann mach so wenig JS wie möglich:

Code:
<div id="Ziel">
<img id="Bild1Oben" src="">
<img id="Bild2Oben" src="">

<img id="Bild1Unten" src="">
<img id="Bild2Unten" src="">
</div>


Wenn du das hast, kannst du in JS über document.getElementById("BIld1Oben") jedes einzelne Bild ansprechen. Dann kannst du es auch Ein- bzw. Ausblenden:
Code:

document.getElementById("BIld1Oben").style.display ="none";

document.getElementById("BIld1Oben").style.display ="block";
Nach oben
Benutzer-Profile anzeigen Private Nachricht senden
Beiträge der letzten Zeit anzeigen:   
Neues Thema eröffnen   Dieses Thema ist gesperrt, du kannst keine Beiträge editieren oder beantworten.    HTMLWorld Foren-Übersicht
   JavaScript
Alle Zeiten sind GMT + 1 Stunde
Seite 1 von 1

 
Gehe zu:  
Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst deine Beiträge in diesem Forum nicht bearbeiten.
Du kannst deine Beiträge in diesem Forum nicht löschen.
Du kannst an Umfragen in diesem Forum nicht mitmachen.