tutorials.de Buch-Aktion 05/2012
ERLEDIGT
JA
ANTWORTEN
5
ZUGRIFFE
736
EMPFEHLEN
  • An Twitter übertragen
  • An Facebook übertragen
AUF DIESES THEMA
ANTWORTEN
  1. #1
    himatt himatt ist offline Rookie
    Registriert seit
    Apr 2008
    Beiträge
    7
    Hallo
    ich möchte ein Bild aus einem iframe, welches sich innerhalb einer Tabellenzelle befindet, in der benachbarten Zelle (name="anzeige") mittels mouseover anzeigen.
    Ich habe dazu eine Datei kartentab.html geschrieben. darin folgender code im head:

    <script language="JavaScript">
    <!-- Begin
    image1 = new Image;
    image1.src = "../images/karten/karte1.jpg";
    image2 = new Image;
    image2.src = "";

    // End -->
    </script>
    in der zugehörigen Tabelle steht folgender code:

    <table width="10em" border="0">
    <tr>
    <td> <a href="#" onmouseover="anzeige.src=image1.src"><img src="../images/karten/karte1a.jpg" alt="karte1a" /></td>
    </tr>
    </table>
    im der Datei karte.html ist das iframe in einer Tabelle untergebracht, die sich in einem div befindet:
    <div id="mainContent">

    <table width="100%" border="0" cellspacing="0">
    <tr>
    <td width="150"><iframe src="kartentab.html" width="120" height="500"></iframe> </td>
    <td width="76%" name="anzeige">platzhaltertext</td>
    </tr>
    </table>
    </div>
    Wo steckt der oder die vielleicht noch vielen Fehler?
    Ich habe auch schon probiert mit:
    onmouseover="karte.html/anzeige.src=image1.src"

    ich hoffe das ist überhaupt so zu realisieren.
    DANKE für eure hilfe!
     

  2. #2
    himatt himatt ist offline Rookie
    Registriert seit
    Apr 2008
    Beiträge
    7
    habs inzwischen auch mit einem div in der (ausgabe)zelle versucht...
    also erst mal mit einem Bild zum Test vorausgeladen. Soll aber später zunächst nur ein Text drin stehn.

    <table width="100%" border="0" cellspacing="0">
    <tr>
    <td width="150"><iframe src="kartentab.html" width="120" height="500"></iframe> </td>
    <td width="76%"><div id="anzeige"><img src="../images/karten/karte2.jpg" width="80%"/></div></td>
    </tr>
    </table>
    ich hoffe auf hilfe, bitte!!
    danke
    matthias
     

  3. #3
    Maik Tutorials.de Gastzugang
    Hi,

    setz es mal auf diese Weise um:

    Code :
    1
    
    <td width="76%"><div><img src="../img/platzhalter.jpg" width="80%" [B]name="anzeige"[/B] /></div></td>

    Code :
    1
    
    <td> <a href="#" onmouseover="[b]top.document.[/b]anzeige.src=image1.src"><img src="../images/karten/karte1a.jpg" alt="karte1a" /></td>
     

  4. #4
    himatt himatt ist offline Rookie
    Registriert seit
    Apr 2008
    Beiträge
    7
    Danke für die soooo schnelle Antwort!!
    hm..., die Idee mit dem Platzhalterbild funktioniert gut! Aber der Bildwechsel will nicht klappen...
    ?
    matthias
     

  5. #5
    Maik Tutorials.de Gastzugang
    Sorry, hab vorhin top.document vergessen, und meinen Beitrag einen Augenblick später editiert, was dir wohl entgangen ist.
     

  6. #6
    Maik Tutorials.de Gastzugang
    Zitat Zitat von Benutzerkontrollzentrum
    Diese Beiträge von dir wurden bewertet:

    Bild mittels... | 07.04.08 17:10 | himatt | danke!! die Anzeige funktioniert!!
    Zitat Zitat von himatt | PN
    ich muss erst mal los...
    die größe stimmt halt noch nicht...
    aber die anzeige geht gut!
    nun muss ich statt des Platzhalters nur einen text einfügen.
    ok. ich denk das schaffe ich!
    tschüs!
    weiter gute ideen!!
    matthias
    Das nächste mal kannst du ruhig direkt im Thema mitteilen, dass es funktioniert hat, und zum Abschluss den Thread als erledigt markieren. Vielen Dank!
     

Ähnliche Themen

  1. Antworten: 1
    Letzter Beitrag: 05.12.08, 11:15
  2. Antworten: 7
    Letzter Beitrag: 24.02.08, 09:52
  3. Antworten: 2
    Letzter Beitrag: 05.01.05, 15:22
  4. Antworten: 3
    Letzter Beitrag: 23.11.04, 14:58
  5. Tabellenzelle mittels Javascript ausblenden
    Von Muffinmampfer im Forum Javascript & Ajax
    Antworten: 6
    Letzter Beitrag: 13.06.04, 19:04