- Registriert
- 06.02.08
- Beiträge
- 417
Moin Moin,
erstmal vorneweg: Ich bin sicherlich kein Pro, auch wenn wir uns hier im Pro-Bereich befinden. :-D
Ich werde einfach erstmal mein Problem schildern:
Ich hatte den Plan für die MySpace-Seite meiner Band ein paar Icons mit Links zu anderen Seiten bzw. Profilen zu erstellen, die die Farbe ändern sollten, wenn man mit der Maus über sie rüber fährt. Soweit so gut: Google war mein Freund, ich fand einen Artikel auf SelfHTML, der mir vorschlug, meine Planung mit der Hilfe von Javascript in die Tat umzusetzen. Nach 2 Stunden gefrickel und unzähligen verworfenen Quelltexten hatte ich dann doch eine Version zusammengeschrieben, die das erfüllte was ich haben wollte. Diese möchte ich Euch auch nicht vorenthalten:
Und so sieht's aus!
Soweit so gut. Ich also überglücklich füge den Text bei MySpace (wohl bemerkt: MySpace 2.0 ) ein und was passiert? Der schöne Effekt lässt auf sich warten - vergeblich.
Nachdem ich dann in einigen Foren gestöbert hatte, bin ich auf die Information gestoßen, dass MySpace Javascript gar nicht erlaubt sondern nur HTML und CSS.
Jetzt bin ich aber langsam mit meinem begrenztem Latein und meiner nicht ausgeprägten Geduld (bin ja noch in der Entwicklung und im Wachstum ) am Ende und am einfachsten würde für ich jetzt die Lösung "Javascript in CSS umwandeln" klingen. Da ist natürlich für mich die Frage offen, ob, und wenn ja, wie das möglich ist?
Schonmal danke im Vorraus! Ich hoffe mir kann jemand helfen!
LG
FlemFlem
erstmal vorneweg: Ich bin sicherlich kein Pro, auch wenn wir uns hier im Pro-Bereich befinden. :-D
Ich werde einfach erstmal mein Problem schildern:
Ich hatte den Plan für die MySpace-Seite meiner Band ein paar Icons mit Links zu anderen Seiten bzw. Profilen zu erstellen, die die Farbe ändern sollten, wenn man mit der Maus über sie rüber fährt. Soweit so gut: Google war mein Freund, ich fand einen Artikel auf SelfHTML, der mir vorschlug, meine Planung mit der Hilfe von Javascript in die Tat umzusetzen. Nach 2 Stunden gefrickel und unzähligen verworfenen Quelltexten hatte ich dann doch eine Version zusammengeschrieben, die das erfüllte was ich haben wollte. Diese möchte ich Euch auch nicht vorenthalten:
Code:
<html>
<head>
<script
language="JavaScript">
<!--
button1_a= new Image();
button1_a.src = "http://img37.imageshack.us/img37/1127/facebooksw.png"
button1_b= new Image();
button1_b.src = "http://img830.imageshack.us/img830/281/facebookdf.png"
button2_a= new Image();
button2_a.src = "http://img253.imageshack.us/img253/3922/icontwittersw.png"
button2_b= new Image();
button2_b.src = "http://img812.imageshack.us/img812/9468/icontwittern.png"
button3_a= new Image();
button3_a.src = "http://img196.imageshack.us/img196/7563/lastfmsw.png"
button3_b= new Image();
button3_b.src = "http://img251.imageshack.us/img251/3286/lastfmuu.png"
button4_a= new Image();
button4_a.src = "http://img28.imageshack.us/img28/101/schlervzsw.png"
button4_b= new Image();
button4_b.src = "http://img716.imageshack.us/img716/4295/schlervz.png"
//-->
</script>
</head>
<body>
<a href="http://www.facebook.com/pages/Dystocia/124611757593891?ref=ts" onmouseover="austausch1.src='http://img830.imageshack.us/img830/281/facebookdf.png';"
onmouseout="austausch1.src='http://img37.imageshack.us/img37/1127/facebooksw.png'"><img src="http://img37.imageshack.us/img37/1127/facebooksw.png"
border="0" width="50" height="50"
name="austausch1"></a>
<a href="http://twitter.com/dystociamusic" onmouseover="austausch2.src='http://img812.imageshack.us/img812/9468/icontwittern.png';"
onmouseout="austausch2.src='http://img253.imageshack.us/img253/3922/icontwittersw.png'"><img src="http://img253.imageshack.us/img253/3922/icontwittersw.png"
border="0" width="50" height="50"
name="austausch2"></a>
<a href="http://lastfm.de/music/dystocia" onmouseover="austausch3.src='http://img251.imageshack.us/img251/3286/lastfmuu.png';"
onmouseout="austausch3.src='http://img196.imageshack.us/img196/7563/lastfmsw.png'"><img src="http://img196.imageshack.us/img196/7563/lastfmsw.png"
border="0" width="50" height="50"
name="austausch3"></a>
<a href="http://www.studivz.net/Groups/Overview/c529d30d3b0a5ca8" onmouseover="austausch4.src='http://img716.imageshack.us/img716/4295/schlervz.png';"
onmouseout="austausch4.src='http://img28.imageshack.us/img28/101/schlervzsw.png'"><img src="http://img28.imageshack.us/img28/101/schlervzsw.png"
border="0" width="50" height="50"
name="austausch4"></a>
</body>
</html>
Und so sieht's aus!
Soweit so gut. Ich also überglücklich füge den Text bei MySpace (wohl bemerkt: MySpace 2.0 ) ein und was passiert? Der schöne Effekt lässt auf sich warten - vergeblich.
Nachdem ich dann in einigen Foren gestöbert hatte, bin ich auf die Information gestoßen, dass MySpace Javascript gar nicht erlaubt sondern nur HTML und CSS.
Jetzt bin ich aber langsam mit meinem begrenztem Latein und meiner nicht ausgeprägten Geduld (bin ja noch in der Entwicklung und im Wachstum ) am Ende und am einfachsten würde für ich jetzt die Lösung "Javascript in CSS umwandeln" klingen. Da ist natürlich für mich die Frage offen, ob, und wenn ja, wie das möglich ist?
Schonmal danke im Vorraus! Ich hoffe mir kann jemand helfen!
LG
FlemFlem