+ Antworten
Seite 1 von 2 1 2 LetzteLetzte
Ergebnis 1 bis 15 von 16

Thema: swap image (mouseovers) innerhalb eines div tags funktioniert nicht

  1. #1
    strawberrycakes ist offline Jungspund strawberrycakes befindet sich auf einem aufstrebenden Ast
    registriert
    16-03-2010
    Beiträge
    12

    Lightbulb swap image (mouseovers) innerhalb eines div tags funktioniert nicht

    hallo zusammen!
    ich hab hier ein problemchen mit swapImage (onMouseOver) und swapImageRestore (onMouseOut)..
    auf dieser seite funktionieren die mouseovers (beim menü) wunderbar:
    http://utarunne.de/content_home.html

    die sache ist aber nun die, dass ich die inhalte alle auf eine andere seite gepackt hab, und jeder "content table" ist nun innerhalb eines DIV containers, und wird sichtbar/unsichtbar geschaltet über die menü-buttons (hinweis: bisher sind nur "biografie" und das logo "uta runne" aktiviert):
    http://utarunne.de/home7.html

    so, und auf dieser seite funktionieren die mouseovers nicht mehr.
    WARUM NUR??
    weiß jemand rat?
    ich wär begeistert wenn mir jemand weiterhelfen könnte..!
    1000 dank im voraus!!
    lg

  2.    Empfehlenswerte Literatur von unserem Partner Terrashop

    Das AJAX Kompendium jetzt 84% Rabatt
    Ajax - der Technologiemix aus JavaScript und XML - ist eines der Kernstücke professioneller Web 2.0-Programmierung. Dieses Buch führt Sie auf über 800 Seiten(!) von den ersten JavaScript-Codezeilen bis zur Entwicklung mit Ajax-Frameworks.

    Preis: früher: 49,95€ - jetzt nur: 7,95€

    Hier geht es direkt zum Buch

    Über 1.000 weitere IT-Bücher zum Sonderpreis lieferbar!

  3. #2
    Avatar von Junkee[]
    Junkee[] ist offline Lounge-Member Junkee[] befindet sich auf einem aufstrebenden Ast
    registriert
    08-05-2009
    Ort
    Leonberg
    Beiträge
    1.611

    AW: swap image (mouseovers) innerhalb eines div tags funktioniert nicht

    nehm doch die css hover classe.

  4. #3
    Avatar von kkapsner
    kkapsner ist offline Moderator kkapsner befindet sich auf einem aufstrebenden Ast
    registriert
    28-03-2008
    Beiträge
    5.531

    AW: swap image (mouseovers) innerhalb eines div tags funktioniert nicht

    Puh - das hat aber jetzt gedauert, bis ich herausgefunden habe, was dein Problem ist: eine ID MUSS dokumentenweit eindeutig sein - durch deine Zusammenlegung der Seiten (was ich persönlich nicht für eine gute Idee halte) hast du die Navigaition doppelt.

  5. #4
    strawberrycakes ist offline Jungspund strawberrycakes befindet sich auf einem aufstrebenden Ast
    registriert
    16-03-2010
    Beiträge
    12

    AW: swap image (mouseovers) innerhalb eines div tags funktioniert nicht

    Zitat Zitat von kkapsner Beitrag anzeigen
    Puh - das hat aber jetzt gedauert, bis ich herausgefunden habe, was dein Problem ist: eine ID MUSS dokumentenweit eindeutig sein - durch deine Zusammenlegung der Seiten (was ich persönlich nicht für eine gute Idee halte) hast du die Navigaition doppelt.
    hi kkapsner,
    supiii, vielen dank! so hat's geklappt, hab jedem menüpunkt einen eindeutigen id namen gegeben..
    http://utarunne.de/home9.html

    auf die idee alle inhalte in divs auf 1 seite zu packen kam ich nur wegen der background-slideshow.. wenn ich 'einzelne' seiten hätte, würde die slideshow beim aufrufen einer neuen seite jedesmal neu geladen werden müssen - und das ist nicht so hübsch.. etwas schlaueres als die visible/invisible div lösung fiel mir dazu nicht ein.. dir? ;-)

    eine andere frage hätte ich noch: wie kann ich die inhalte (divs) absolut zentriert (also horizontal + vertikal zentriert) auf der seite darstellen?
    (horiz. zentriert ist's ja schon, aber vertikal klappt irgendwie nicht..)

  6. #5
    Avatar von kkapsner
    kkapsner ist offline Moderator kkapsner befindet sich auf einem aufstrebenden Ast
    registriert
    28-03-2008
    Beiträge
    5.531

    AW: swap image (mouseovers) innerhalb eines div tags funktioniert nicht

    Deine Divs haben doch eine fixe Höhe. Wenn ja: position: absolute; top: 50%; left: 50%; margin-top: -(deine halbe Divhöhe)px; margin-left: -(deine halbe Divbreite)px;

  7. #6
    strawberrycakes ist offline Jungspund strawberrycakes befindet sich auf einem aufstrebenden Ast
    registriert
    16-03-2010
    Beiträge
    12

    AW: swap image (mouseovers) innerhalb eines div tags funktioniert nicht

    Zitat Zitat von kkapsner Beitrag anzeigen
    Deine Divs haben doch eine fixe Höhe. Wenn ja: position: absolute; top: 50%; left: 50%; margin-top: -(deine halbe Divhöhe)px; margin-left: -(deine halbe Divbreite)px;
    stimmt, eigentlich sind sie 900x510px
    wenn ich's so mache, hängen die inhalte aber leider viel zu weit unten:
    position: absolute; top: 50%; left: 50%; margin-top: -255; margin-left: -450px;

    etwas gemogelt mit top 15% passts ungefähr..
    danke!

    ..und natürlich fiel mir grad noch eine neue frage ein.. )
    ist es möglich, einen bereich innerhalb des divs in der höhe zu begrenzen? ich würde gerne dem fließtextbereich eine höhe von sagen wir mal 300px geben, und wenn der text länger wird werden scroller innerhalb des divs eingeblendet? geht das irgendwie? das wäre fantastisch..

  8. #7
    Avatar von kkapsner
    kkapsner ist offline Moderator kkapsner befindet sich auf einem aufstrebenden Ast
    registriert
    28-03-2008
    Beiträge
    5.531

    AW: swap image (mouseovers) innerhalb eines div tags funktioniert nicht

    ... auch margin-top braucht eine Einheit (sowas steht auch in der Fehlerkonsole (Wo finde ich die Fehlerkonsole?) (jedenfalls beim FF)).
    Natürlich geht das. ein zusätzliches Div mit fester Höhe und overflow: auto;
    Geändert von kkapsner (17-03-2010 um 14:28 Uhr) Grund: Link muss dazu :D

  9. #8
    strawberrycakes ist offline Jungspund strawberrycakes befindet sich auf einem aufstrebenden Ast
    registriert
    16-03-2010
    Beiträge
    12

    AW: swap image (mouseovers) innerhalb eines div tags funktioniert nicht

    super, vielen dank an dich!!

  10. #9
    Avatar von kkapsner
    kkapsner ist offline Moderator kkapsner befindet sich auf einem aufstrebenden Ast
    registriert
    28-03-2008
    Beiträge
    5.531

    AW: swap image (mouseovers) innerhalb eines div tags funktioniert nicht

    Bitte.

  11. #10
    strawberrycakes ist offline Jungspund strawberrycakes befindet sich auf einem aufstrebenden Ast
    registriert
    16-03-2010
    Beiträge
    12

    Exclamation AW: swap image (mouseovers) innerhalb eines div tags funktioniert nicht

    Zitat Zitat von kkapsner Beitrag anzeigen
    Bitte.
    kkapsner, dürfte ich dich nochmal etwas fragen? ; )) bzw auch ganz allgemein in die runde..

    ich habe versucht, für meinen textcontent div einen scroller einzubauen.. genau nach diesem beispiel: http://www.drweb.de/magazin/schoner-...mit-mouseover/
    das einzige was ich abgeändert habe, ist der div name "content" zu "scrollbar" (und geringfügig das aussehen/farben)

    siehe auch (> seite "biografie"): http://utarunne.de/home12.html

    mein html sieht so aus:
    <div class="scroller">
    <p class="arrow" onmouseover="scroll.start(-10)" onmouseout="scroll.stop()" title="Nach oben"></p>
    <p class="bar"></p>
    <p class="arrow" onmouseover="scroll.start(10)" onmouseout="scroll.stop()" title="Nach unten"></p>
    </div>
    <div id="scrollbar">
    <table width="800" height="350" border="0" cellpadding="0" cellspacing="0">
    <tr>
    <td width="800" height="350" valign="top">langer fliesstext lorem ipsum......</td>
    </tr>
    </table>
    </div>

    der javascript part im header + das externe js script das geladen wird:
    <script language="javascript" type="text/javascript" src="assets/js/scroll.class.js"></script>
    <script type="text/javascript">
    var scroll = new SCROLL(
    document.getElementById('scrollbar'),
    {
    'time': 60,
    'width': 780,
    'height': 300
    }
    );
    </script>

    und im css file:
    /* scroller */
    p, div {
    padding: 0;
    margin: 0;
    }
    #scrollbar {
    clip: rect(0 780px 350px 0);
    width: 300px;
    position: absolute;
    }
    .scroller {
    float: right;
    width: 10px;
    }
    .scroller .arrow {
    border: #ffffff 1px solid;
    cursor: pointer;
    padding: 4px;
    }
    .scroller .bar {
    height: 280px;
    margin: 2px;
    border: #ffffff 1px dotted;
    padding: 0 2px;
    }


    der scroller wird auch richtig angezeigt.. nur funktioniert das scrollen einfach nicht.
    und ich finde den fehler nicht, woran es liegt?!
    hab ich etwas offensichtliches übersehen..?
    wäre seeeeeehr dankbar für hilfe :-)

  12. #11
    Avatar von kkapsner
    kkapsner ist offline Moderator kkapsner befindet sich auf einem aufstrebenden Ast
    registriert
    28-03-2008
    Beiträge
    5.531

    AW: swap image (mouseovers) innerhalb eines div tags funktioniert nicht


  13. #12
    strawberrycakes ist offline Jungspund strawberrycakes befindet sich auf einem aufstrebenden Ast
    registriert
    16-03-2010
    Beiträge
    12

    AW: swap image (mouseovers) innerhalb eines div tags funktioniert nicht

    damit komme ich leider nicht so ganz weiter.. : /
    bekomme die meldung bei zeile 4 ('top': obj.offsetTop || 0,) im scroll.class.js:
    "obj is null"
    aber weiß damit herzlich wenig anzufangen
    dieses scroll.class.js habe ich ja nur genauso wie auf der beispielseite übernommen, ich denke daran muss man nichts verändern?
    ..

  14. #13
    Avatar von kkapsner
    kkapsner ist offline Moderator kkapsner befindet sich auf einem aufstrebenden Ast
    registriert
    28-03-2008
    Beiträge
    5.531

    AW: swap image (mouseovers) innerhalb eines div tags funktioniert nicht

    Dein Element "scrollbar" existiert zu diesem Zeitpunkt noch nicht (JS wird meistens direkt während des Parsens des HTMLs ausgeführt) -> entweder den <script>-Block hinter das entsprechende Element verschieben oder mit window.onload arbeiten.

  15. #14
    strawberrycakes ist offline Jungspund strawberrycakes befindet sich auf einem aufstrebenden Ast
    registriert
    16-03-2010
    Beiträge
    12

    AW: swap image (mouseovers) innerhalb eines div tags funktioniert nicht

    vielen dank für deine antwort!
    ok, klingt logisch.. ich hab also diesen script part hinter das scroller div gesetzt:

    <script src="scroll.class.js" type="text/javascript"></script>
    <script type="text/javascript">
    var scroll = new SCROLL(
    document.getElementById('content'),
    {
    'time': 60,
    'width': 300,
    'height': 60
    }
    );
    </script>

    nun bekomme ich in der fehlerkonsole auch keinen fehler mehr angezeigt.. nur das scrollen funktioniert immer noch nicht : /
    (siehe http://utarunne.de/home12.html)
    hapuh - bin ratlos..

  16. #15
    strawberrycakes ist offline Jungspund strawberrycakes befindet sich auf einem aufstrebenden Ast
    registriert
    16-03-2010
    Beiträge
    12

    AW: swap image (mouseovers) innerhalb eines div tags funktioniert nicht

    achso, ich hab natürlich in meinem fall
    document.getElementById('scrollbar'),
    geschrieben.. geht aber trotzdem nicht

+ Antworten
Seite 1 von 2 1 2 LetzteLetzte

Ähnliche Themen

  1. Auf DIV innerhalb eines DIV zugreifen
    Von Sillium im Forum JavaScript
    Antworten: 4
    Letzter Beitrag: 20-11-2007, 12:21
  2. script das div id ändert ?
    Von darkstar im Forum JavaScript
    Antworten: 2
    Letzter Beitrag: 22-08-2006, 12:02
  3. Html innerhalb eines Div Tags ermitteln?
    Von eclere im Forum JavaScript
    Antworten: 1
    Letzter Beitrag: 07-09-2005, 11:31
  4. image innerhalb eines framesets austauschen
    Von so im Forum JavaScript
    Antworten: 1
    Letzter Beitrag: 07-12-2000, 13:20
  5. Drag-Script INNERHALB eines Div
    Von Engiwuk im Forum JavaScript
    Antworten: 0
    Letzter Beitrag: 02-12-2000, 14:39

Stichworte

Lesezeichen

Berechtigungen

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