tutorials.de Buch-Aktion 05/2012
ERLEDIGT
NEIN
ANTWORTEN
9
ZUGRIFFE
338
EMPFEHLEN
  • An Twitter übertragen
  • An Facebook übertragen
AUF DIESES THEMA
ANTWORTEN
  1. 21.02.09 05:41 #1
    peter333 peter333 ist offline Mitglied Gold
    Registriert seit
    May 2005
    Beiträge
    147
    Hallo zusammen,

    ich habe mal eine Frage. Angenommen ich habe eine tabelle (id=tab_1). In dieser Tabelle ist ein Schritfzug:
    HTML-Code:
    <table id="tab_1">
<tr>
<td>
<p>Schritft_1</p>
</td>
<tr>
</table>
    unter der tabelle habe ich eine weitere Tabelle gleichen Typs

    HTML-Code:
    <table id="tab_2">
<tr>
<td>
<p>Schritft_2</p>
</td>
<tr>
</table>
    Ist es möglich Eigenschaften von Schrift_2 zu ändern währen man mit der Mouse über Schrift_1 fährt (hover)?
    Z.B. soll sich die Farbe von Schrift_2 ändern wenn man mit der Mouse über Schrift_1 fährt.

    LG
     
    Zitieren Zitieren
  2. 21.02.09 07:29 #2
    chlous chlous ist offline Rookie
    Registriert seit
    Mar 2003
    Beiträge
    5
    Das ist möglich mit Javascript.
    Schaue dir mal diese Seite an:
    http://www.it-academy.cc/article/147...avascript.html

    Habe hier kein entsprechendes Tutorial gefunden.
     
    Zitieren Zitieren
  3. 21.02.09 10:42 #3
    Avatar von con-f-use
    con-f-use con-f-use ist offline Mitglied Diamant
    tutorials.de Premium-User
    Registriert seit
    Oct 2004
    Ort
    München / Innsbruck
    Beiträge
    2.263
    onmouseover

    HTML-Code:
    <div onmouseover="document.getElementById('div2').backgroundColor = 'red'"></div>

<div id="div2">Blubb</div>
     
    Wäre der Satz "Ich möchte auf meinem Fisch-und-Chips-Schild einen Bindestrich zwischen die Wörter Fisch und und und und und Chips machen" nicht deutlicher, wenn Anführungszeichen vor Fisch und zwischen Fisch und und und und und und und und und und und und und und und und und und und und und Chips und auch nach Chips wären?

    | Meine Homepage: Forschung, unethische | Meine Seite mit viel verlangten Javascrits |

    -----------

    Zufriedenstellende Beiträge bitte als erledigt markieren!
    Zitieren Zitieren
  4. 21.02.09 10:59 #4
    Maik Tutorials.de Gastzugang
    Moin,

    hier fehlt das style-Objekt zur backgroundColor-Eigenschaft

    Code :
    1

    document.getElementById('div2').[b]style[/b].backgroundColor = 'red'"


    mfg Maik
     
    Zitieren Zitieren
  5. 21.02.09 14:36 #5
    peter333 peter333 ist offline Mitglied Gold
    Registriert seit
    May 2005
    Beiträge
    147
    Wer hat das denn verschoben? Ich wollte wissen, ib das mit CSS geht. Das es mit Javascript geht, weiß ich selbst. Bitte wieder zurück schieben.

    An die anderen. Danke schonmal für eure Antworten.
     
    Zitieren Zitieren
  6. 21.02.09 14:47 #6
    Maik Tutorials.de Gastzugang
    Ich hab das Thema hierher verschoben, da dein Vorhaben in der von dir vorgestellten Markup-Struktur mit CSS nicht lösbar ist. Ansonsten darfst du davon ausgehen, dass ich dir was dazu gepostet hätte.

    mfg Maik
     
    Zitieren Zitieren
  7. 21.02.09 14:48 #7
    kuddeldaddeldu kuddeldaddeldu ist offline Mitglied Diamant
    Registriert seit
    Dec 2007
    Ort
    Bremen
    Beiträge
    3.418
    Hi,

    Zitat Zitat von peter333 Beitrag anzeigen
    Wer hat das denn verschoben? Ich wollte wissen, ib das mit CSS geht.
    Vermutlich jemand, der genau wusste, dass das mit CSS nicht geht.
    Dass Du ausdrücklich wissen wolltest, ob das auch mit CSS geht, hattest Du nicht erwähnt...

    LG
     
    Da es nötig zu werden scheint: Ich leiste hier keinen Support über PN. Stellt Rückfragen zu Euren Problemen bitte in Eurem Thread, dann können alle helfen.
    Zitieren Zitieren
  8. 21.02.09 14:55 #8
    peter333 peter333 ist offline Mitglied Gold
    Registriert seit
    May 2005
    Beiträge
    147
    Zitat Zitat von Maik Beitrag anzeigen
    Ich hab das Thema hierher verschoben, da dein Vorhaben in der von dir vorgestellten Markup-Struktur mit CSS nicht lösbar ist. Ansonsten darfst du davon ausgehen, dass ich dir was dazu gepostet hätte.

    mfg Maik
    OK, sorry. Beim nächsten mal, werd ich mich genauer ausdrücken. Warum geht das denn nicht? Es gibt doch auch diese Klappmenüs, wo man über ein Element mit der Maus drüber fährt und dann ein anderer Bereich angezeigt wird und das komlplett ohne JavaScript.
     
    Zitieren Zitieren
  9. 21.02.09 15:04 #9
    Maik Tutorials.de Gastzugang
    In diesen "Klappmenüs" existiert aber eine ganz andere Markup-Struktur mit verschachtelten Elementen, die sich dann über den Selektor für Nachfahren oder Kind-Selektor steuern lassen. Eine weitere Möglichkeit wären hier "unmittelbar" benachbarte Elemente.

    Hier mal ein grundlegendes Beispiel zur Verdeutlichung, in welchen "Struktur-Konstellationen" das mit CSS möglich ist:

    HTML-Code:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
  "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<meta name="author" content="Maik">
<meta name="date" content="2009-02-21">

<title>tutorials.de | demo_peter333</title>

<style type="text/css">
div.parentBox {
padding:10px;
background:#fbfbfb;
color:#555;
}

/* Nachfahren-Selektor */
div.parentBox div#descendantBox {
padding:10px;
background:#e8e8e8;
color:#2f2f2f;
}
div.parentBox:hover div#descendantBox {
background:#234069;
color:#fff;
}

/* Kind-Selektor */
div.parentBox > div#childBox {
padding:10px;
background:#e8e8e8;
color:#2f2f2f;
}
div.parentBox:hover > div#childBox {
background:#234069;
color:#fff;
}

/* Nachbar-Selektor */
div#adjacentBox_1{
float:left;
padding:10px;
background:#f5f5f5;
color:#555;
}
div#adjacentBox_2 {
float:left;
margin-left:5px;
padding:10px;
background:#e8e8e8;
color:#2f2f2f;
}
div#adjacentBox_1:hover + div#adjacentBox_2 {
background:#234069;
color:#fff;
}


/* Allg. CSS-Einstellungen */
li {
margin-top:20px;
font-weight:bold;
}
div {
margin-top:10px;
border:1px solid #000;
font-weight:normal;
}
</style>

</head>
<body>

<ul>
    <li>Nachfahren-Selektor:
        <div class="parentBox">
             <p>some dummy text to expand the parentBox</p>
             <p>some dummy text to expand the parentBox</p>
             <p>some dummy text to expand the parentBox</p>
             <p>some dummy text to expand the parentBox</p>
             <div id="descendantBox">descendantBox</div>
        </div>
    </li>
    <li>Kind-Selektor:
        <div class="parentBox">
             <p>some dummy text to expand the parentBox</p>
             <p>some dummy text to expand the parentBox</p>
             <p>some dummy text to expand the parentBox</p>
             <p>some dummy text to expand the parentBox</p>
             <div id="childBox">childBox</div>
        </div>
    </li>
    <li>Nachbar-Selektor:
        <div id="adjacentBox_1">
             <p>some dummy text to expand the adjacentBox_1</p>
             <p>some dummy text to expand the adjacentBox_1</p>
             <p>some dummy text to expand the adjacentBox_1</p>
        </div>
        <div id="adjacentBox_2">
             <p>some dummy text to expand the adjacentBox_2</p>
             <p>some dummy text to expand the adjacentBox_2</p>
             <p>some dummy text to expand the adjacentBox_2</p>
        </div>
    </li>
</ul>

</body>
</html>

    mfg Maik
     
    Zitieren Zitieren
  10. 21.02.09 15:53 #10
    peter333 peter333 ist offline Mitglied Gold
    Registriert seit
    May 2005
    Beiträge
    147
    WOW. Danke für die Mühe. Mit den Selectoren fällt es mir ab und zu noch schwer. Aber damit kann ich auf jeden Fall schonmal weiter arbeiten. Denke, dass ich mein Ziel auch damit umsetzen kann.
    Also nochmal ein großes Danke für die Mühe.

    LG
     
    Zitieren Zitieren
« Suche AJAX Kontakt-Formular | Scriptaculous Effekt afterFinish auf eigene Klasse zugreifen »

Ähnliche Themen

  1. gewisse Abfrage
    Von peter333 im Forum PHP
    Antworten: 8
    Letzter Beitrag: 18.09.08, 19:43
  2. gewisse Bewegung
    Von peter333 im Forum Cinema 4D
    Antworten: 7
    Letzter Beitrag: 05.11.07, 12:49
  3. Gewisse Tags/Werte massenweise ersetzen
    Von branko im Forum Cinema 4D
    Antworten: 5
    Letzter Beitrag: 30.03.07, 08:58
  4. Nur gewisse Spalten anzeigen
    Von broetchen im Forum .NET Windows Forms
    Antworten: 0
    Letzter Beitrag: 07.09.05, 09:26
  5. Gewisse Internetseiten down ?!
    Von The-God im Forum Microsoft Windows
    Antworten: 6
    Letzter Beitrag: 13.06.04, 14:09