Community

9dots.de Webdesign Board

 

 FAQFAQ   SuchenSuchen   MitgliederlisteMitgliederliste   BenutzergruppenBenutzergruppen   RegistrierenRegistrieren 

 ProfilProfil   Einloggen, um private Nachrichten zu lesenEinloggen, um private Nachrichten zu lesen   LoginLogin 


Leichte Frage zu html/php
Gehe zu Seite 1, 2  Weiter
 
Dieses Forum ist gesperrt, du kannst keine Beiträge editieren, schreiben oder beantworten.   Dieses Thema ist gesperrt, du kannst keine Beiträge editieren oder beantworten.    9dots.de Webdesign Community Foren-Übersicht -> Coding-Support
Vorheriges Thema anzeigen :: Nächstes Thema anzeigen  
Autor Nachricht
messias
Mitglied
Mitglied


Angemeldet: 25.11.2004
Beiträge: 99
Wohnort: Solingen
Interessen: CS, Photoshop ...

BeitragVerfasst am: 11.01.2005, 22:25    Titel: Leichte Frage zu html/php Antworten mit Zitat
Eine wahrscheinlich leichte Fragefür euch aber hier ist sie,

wie ist der html und php code dafür das wenn man in der navigation auf einen button geht dieser sich verändert, also ein anderer button erscheint wie beispielsweise bei www.mymtw.com

Danke schonmal im vorraus
Nach oben
Benutzer-Profile anzeigen Private Nachricht senden E-Mail senden Website dieses Benutzers besuchen
cain.
Mitglied
Mitglied


Angemeldet: 04.06.2004
Beiträge: 1506
Wohnort: St. Gallen

BeitragVerfasst am: 12.01.2005, 00:11    Titel: Antworten mit Zitat
Ich denke dass du einen mouseover effekt per javascript suchst.
habe auf die schnelle mal was dazu ergoogelt: http://home.arcor.de/struebig/js/mouse_over/

hoffe, ich konnte helfen.

mfg cain.
Nach oben
Benutzer-Profile anzeigen Private Nachricht senden
messias
Mitglied
Mitglied


Angemeldet: 25.11.2004
Beiträge: 99
Wohnort: Solingen
Interessen: CS, Photoshop ...

BeitragVerfasst am: 12.01.2005, 08:20    Titel: Antworten mit Zitat
danke ist schon sher gut aber irgendwie ging das auch mit html ohne javaskript hab ich 100pro mal gesehen!
Nach oben
Benutzer-Profile anzeigen Private Nachricht senden E-Mail senden Website dieses Benutzers besuchen
Mike
Mitglied
Mitglied


Angemeldet: 06.07.2004
Beiträge: 136


BeitragVerfasst am: 12.01.2005, 08:40    Titel: Antworten mit Zitat
Hmm, ich kann mir ehrlich gesagt nicht vorstellen, dass ein Rollovereffekt nur auf HTML-Basis funktionieren kann. Da wird man schon eine Scriptsprache wie Javascript benutzen müssen.
Nach oben
Benutzer-Profile anzeigen Private Nachricht senden Website dieses Benutzers besuchen
ShortY
Mitglied
Mitglied


Angemeldet: 04.06.2004
Beiträge: 556
Wohnort: Herdorf
Interessen: Glaube, MTB, klettern, Musik(hören und machen), Computer

BeitragVerfasst am: 12.01.2005, 14:07    Titel: Antworten mit Zitat
messias hat folgendes geschrieben:
danke ist schon sher gut aber irgendwie ging das auch mit html ohne javaskript hab ich 100pro mal gesehen!


nur mit html definitiv nicht... mindestens css braucht man für sowas noch:

in bisserl fuddeln mit ner tabelle Winken

Code:
<table>
<tr>
<td style='background-image: url(1.jpg);' onMouseOver="style.backgroundImage='url(2.jpg)';" onMouseOut="style.backgroundImage='url(1.jpg)';" width='100px' height='100px'></td>
</tr>
</table>
Nach oben
Benutzer-Profile anzeigen Private Nachricht senden
phoenix.hi
Mitglied
Mitglied


Angemeldet: 05.08.2004
Beiträge: 743
Wohnort: Hildesheim

BeitragVerfasst am: 12.01.2005, 15:58    Titel: Antworten mit Zitat
Hätte dazu auch gleich mal ne Frage:

Man kann Links ja mit CSS verändern bsw. ihnen mousehover und so geben.

Ich machs immer so:
Code:
<style type="text/css">
<!--
  a:link { text-decoration:none; font-weigth:bold; color:#Farbcode; }
  a:visited { text-decoration:none; font-weigth:bold; color:#Farbcode; }
  a:hover { text-decoration:underline overline; color:#Farbcode; }
  a:active { text-decoration:none; font-weigth:bold; color:#Farbcode; }
-->
</style>


Das funktioniert auch wunderbar!

Meine Frage:
Wie kann man angeben das der Link ganz langsam umgefärbt wird?
Also er ist zB schwarz und mousehover ist rot und dann wird er halt von schwarz langsam rot.

Mit besten Grüßen
ph0en!x.hi
Nach oben
Benutzer-Profile anzeigen Private Nachricht senden
cain.
Mitglied
Mitglied


Angemeldet: 04.06.2004
Beiträge: 1506
Wohnort: St. Gallen

BeitragVerfasst am: 12.01.2005, 17:14    Titel: Antworten mit Zitat
Das geht afaik nur mit einem Javascript.

http://www.google.de/search?hl=de&q=javascript+link+color+fade&meta=

sollten einige brauchbare seiten bei sein. habe den ersten treffer angesehen, sah zB brauchbar aus.
Nach oben
Benutzer-Profile anzeigen Private Nachricht senden
phoenix.hi
Mitglied
Mitglied


Angemeldet: 05.08.2004
Beiträge: 743
Wohnort: Hildesheim

BeitragVerfasst am: 12.01.2005, 18:01    Titel: Antworten mit Zitat
Hey Danke Sehr glücklich Hat sofort geklappt.
Nach oben
Benutzer-Profile anzeigen Private Nachricht senden
linus84
Newcomer
Newcomer


Angemeldet: 27.09.2006
Beiträge: 12


BeitragVerfasst am: 29.10.2006, 19:04    Titel: Antworten mit Zitat
ich weiß, das Thema is schon etwas älter aber ich hab noch ne Frage dazu:
Und zwar hat ShortY ja was mit onMouseOver gepostet.
Jetzt wäre es klasse wenn ich das genau so in eine class einbinden könnte.
a:hover reicht mir da leider nicht aus.
Der Button is nämlich eine animation die genau 1x angespielt wird. und wenn ich jetzt mit a:hover drüber gehe, wird zwar die "hover-animation" abgespielt, wenn ich aber mit der Maus wieder von dem button runter gehe, wird die "1. animation" nicht wieder erneut abgespielt. Ich nehme mal an das mit a:hover die neue grafik einfach nur über die alte drüber gelegt wird und nicht ersetzte wird. Ich bräuchte für meine button animation aber dass die grafik ersetzt wird.
Ich kann auch leider nicht jeden Menüpunkt einzeln editieren, da das menü dynamisch erzeugtz wird...
Nach oben
Benutzer-Profile anzeigen Private Nachricht senden
Impi
Mitglied
Mitglied


Angemeldet: 06.05.2006
Beiträge: 530


BeitragVerfasst am: 29.10.2006, 20:48    Titel: Antworten mit Zitat
onMouseOut?

Impi
Nach oben
Benutzer-Profile anzeigen Private Nachricht senden E-Mail senden
linus84
Newcomer
Newcomer


Angemeldet: 27.09.2006
Beiträge: 12


BeitragVerfasst am: 29.10.2006, 22:02    Titel: Antworten mit Zitat
onMouseOut funzt im Firefox leider nicht richtig.
Nach oben
Benutzer-Profile anzeigen Private Nachricht senden
Impi
Mitglied
Mitglied


Angemeldet: 06.05.2006
Beiträge: 530


BeitragVerfasst am: 29.10.2006, 22:47    Titel: Antworten mit Zitat
Das halte ich für ein Gerücht!

Folgender Code funktioniert 100%:
Code:

<html><head><title>Test</title>
</head><body>
<a href="http://9dots.de"
onmouseout="alert('Wie jetzt MouseOut?!')"><b>Hier drüber fahren und wieder runter!</b></a>
</body></html>
Nach oben
Benutzer-Profile anzeigen Private Nachricht senden E-Mail senden
linus84
Newcomer
Newcomer


Angemeldet: 27.09.2006
Beiträge: 12


BeitragVerfasst am: 29.10.2006, 23:28    Titel: Antworten mit Zitat
Also ich weiß nicht ob das ein Bug ist (falls ja schreib ich mal nen Bugreport an Mozilla) aber schaut euch mal folgende Testseite an:

http://linus84.li.funpic.de/

Es handelt sich hierbei um einen MouseOver-Effect der mit CSS realisiert ist (a.hover).
Auf der "Startseite" befindet sich ein einzelner Button. Bewegt man die Maus über den Button so sieht man wie "das Licht langsam angeht" (Gif-Animation).
Verlässt man den Button mit der Maus so "geht das Licht auch langsam wieder aus". Genau so soll es sein.
Klickt man auf den Button kommt man auf eine 2. Test-Seite. Dort ist nun der gleiche Button zu sehen, jedoch wird hier die onMouseOver-Technik verwendet. Fährt man über den Button drüber geht das Licht wieder langsam an. Verlässt man den Button wieder geht es sofort aus (es wird einfach der letzte Frame der Gif-Ani gezeigt).
Klickt man auch hier auf den Button, kommt man auf Test-Seite 3. Dort werden 2 Buttons angezeigt. Der MouseOver hier ist wieder durch CSS realisiert. Bewegt man die Maus wieder über einen Button sieht man hier auch wieder ein Fade-In aber kein richtiges Fade-Out. Weshalb onMouseOver nicht geht, weiß ich nicht, aber bei CSS scheint es folgedes zu sein:
--> Sobald die Gif-Ani öfter als 1 mal zu sehen ist (also 2 oder mehr Buttons vorhanden sind) wird das Fade-Out nicht mehr angezeigt.
Kickt man jetzt wieder auf den obersten Button um wieder auf die Starseite zu kommen, so sieht man, dass sich der Effekt auf diese Seite übertragen hat und auch hier nur noch das Fade-In gezeigt wird.
Nach oben
Benutzer-Profile anzeigen Private Nachricht senden
Dick3rl3
Mitglied
Mitglied


Angemeldet: 06.08.2004
Beiträge: 1923
Wohnort: Berlin
Interessen: Webdesign, Musik

BeitragVerfasst am: 30.10.2006, 08:59    Titel: Antworten mit Zitat
Also im IE gibts da ein Fadeout...
Nach oben
Benutzer-Profile anzeigen Private Nachricht senden Website dieses Benutzers besuchen MSN Messenger
danny
Mitglied
Mitglied


Angemeldet: 26.04.2005
Beiträge: 196
Wohnort: Niederselters

BeitragVerfasst am: 30.10.2006, 11:40    Titel: Antworten mit Zitat
firefox auch Denken
Nach oben
Benutzer-Profile anzeigen Private Nachricht senden Website dieses Benutzers besuchen
Beiträge der letzten Zeit anzeigen:   
Dieses Forum ist gesperrt, du kannst keine Beiträge editieren, schreiben oder beantworten.   Dieses Thema ist gesperrt, du kannst keine Beiträge editieren oder beantworten.    9dots.de Webdesign Community Foren-Übersicht -> Coding-Support Alle Zeiten sind GMT + 1 Stunde
Gehe zu Seite 1, 2  Weiter
Seite 1 von 2

 
Gehe zu:  
Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst deine Beiträge in diesem Forum nicht bearbeiten.
Du kannst deine Beiträge in diesem Forum nicht löschen.
Du kannst an Umfragen in diesem Forum nicht mitmachen.

Board Software by phpBB © 2001, 2005 phpBB Group. Impressum
Dominik Wuttke - Moritz Münchmeyer - Joachim Nagel GbR.
AGB