Eigenartige Ideen...

A

Alexias

0
Hallo,

stellt euch einfach Mal folgendes vor: Drei gleiche Primär- und drei gleiche Sekundärgrafiken; drei verschiedene Textelemente.

'Normal' sollen alle Texte in der Farbe des Hintergrundes sein. Bewegt man den Cursor über eine Grafik, soll jene in die Sekundärgrafik 'wandeln' und der dazugehörige Text ändert seine Farbe. Klickt man auf die Sekundärgrafik, soll sie komplett ausgetauscht werden (nicht nur temporär) und der Text behält die neue Farbe. Klickt man nicht und bewegt einfach zurück, wandelt die Grafik zur alten und der Text verliert seine Sichtbarkeit. Es soll immer nur ein Grafik- und Textpaar 'aktiviert' werden können.

Ist das möglich? (:
 
Sollte sowohl mit den CSS-Pseudoklassen :hover und :active möglich sein, als auch mit JavaScript. Die Grafiken würde ich einfach als Hintergrundbilder des Textelements definieren.
 
Also t:hover (ausgedacht) funktioniert nicht.
Da muss es wohl eine mir unbekannte Funktion geben. Nein, google half mir nicht.
 
Je nach Browser funktioniert :hover für beliebige Elemente. span:hover sollte in Mozilla kein Problem sein, der IE wird's vermutlich aber nur auf Links akzeptieren.
 
Code: 
<span class="rollover"><a href="javascript:;"> ... </a></span>

funktioniert. wird aber wie ein Verweis behandelt...
 
Geht mittels JavaScript in 95% der Browser. Habs mal aus einem meiner Projekte zusammenkopiert:

Code: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>Test</title>
<script type="text/javascript">
function setpic(link,text,pic,content)
{
 document.getElementById(link).src=pic;
 document.getElementById(text).firstChild.nodeValue=content;
}
</script>
</head>
<body>
<a href="abc" title="" onmouseover="setpic('bild1','text1','bild2.gif','neuer Text');" onmouseout="setpic('bild1','text1','bild1.gif','alter Text');"><img src="bild1.gif" alt="" id="bild1" style="width: 50px;height: 50px;padding: 10px;" /><br /><span id="text1">alter Text</span></a>
</body>
</html>
 
Hast du denn mal probiert das selbst für ein anderes Element umzuschreiben?
Mit JS gehts auch für alles andere, nicht nur für Links.
 
Original von Alexias
Joa... ich und Java *lach*
Zum Vergrößern anklicken....
Bitte, bitte, bitte:

Trotz des ähnlichen Namens und einer ähnlichen Syntax ist JavaScript grundlegend verschieden von der Programmiersprache Java, das von Sun Microsystems stammt. Die Namensgleichheit erklärt sich vor allem aus Marketinggründen und den damals sehr populären Java-Applets. Die Syntax wurde auch aus diesem Grund weitgehend der von Java angeglichen. JavaScript setzt im Gegensatz zu Java und anderen klassisch objektorientierten Sprachen aber keine Klassen ein, sondern verwendet stattdessen Objekte als Prototypen.
Zum Vergrößern anklicken....
Quelle: http://de.wikipedia.org/wiki/JavaScript
 
Um antworten zu können musst du eingeloggt sein.
Zurück
Oben