Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag04.02.2007 um 15:16 (UTC)    
Titel: button soll farbe verändern

ich möchte,dass ein button seine schrift oder die hintergrundfarbe ändert,sobald man auf seine fläche mit der maus kommt.
Beitrag04.02.2007 um 15:18 (UTC)    
Titel:

Hi - Für jeden einzelnen Link erstellen Sie mit einem Bildbearbeitungsprogramm 2 Buttons in der gleichen Abmessung und natürlich mit unterschiedlichen Farben.

Beispiel:
Hier ist der Quellcode:
Anpassen müssen Sie die "Fett" hervorgehobenen Dateien, wie z.B. die Index-Datei und die Namen der Buttons.



<html>

<head>

<SCRIPT LANGUAGE = "JavaScript">
<!-- hide
browserName = navigator.appName; browserVer = parseInt(navigator.appVersion); browser = "NotOk";
// Detect if Netscape or MSIE version is ok
if (browserName == "Netscape" && browserVer >= 3) { browser = "ok"}
if (browserName == "Microsoft Internet Explorer" && browserVer >= 4) { browser = "ok"}
// Initialize your images
if (browser == "ok") {
Link1= new Image(); Link1.src = "images/t1.gif";
Link1on = new Image(); Link1on.src = "images/testt2.gif";
Link2= new Image(); Link2.src = "images/t1.gif";
Link2on = new Image(); Link2on.src = "images/testt2.gif";
Link3= new Image(); Link3.src = "images/t1.gif";
Link3on = new Image(); Link3on.src = "images/testt2.gif";
Link4= new Image(); Link4.src = "images/t1.gif";
Link4on = new Image(); Link4on.src = "images/testt2.gif";
}
function swap(imgName,select)
{ if (browser == "ok") {imgOn = eval(select+ ".src");
document.images[imgName].src = imgOn; }}
// --> </SCRIPT >

</head>

<body>
<a href="index.shtml"
onmouseover="swap('imgLink1','Link1on')"
onmouseout="swap('imgLink1','Link1')">
<img name ="imgLink1"
src= "images/t1.gif" border = 0 alt = "Button" hspace="10" vspace="2"><br></a>

<a href="index.shtml"
onmouseover="swap('imgLink2','Link2on')"
onmouseout="swap('imgLink2','Link2')">
<img name ="imgLink2"
src= "images/t1.gif" border = 0 alt = "Button" hspace="10" vspace="2"><br></a>

<a href="index.shtml"
onmouseover="swap('imgLink3','Link3on')"
onmouseout="swap('imgLink3','Link3')">
<img name ="imgLink3"
src= "images/t1.gif" border = 0 alt = "Button" hspace="10" vspace="2"><br></a>

<a href="index.shtml"
onmouseover="swap('imgLink4','Link4on')"
onmouseout="swap('imgLink4','Link4')">
<img name ="imgLink4"
src= "images/t1.gif" border = 0 alt = "Button" hspace="10" vspace="2"><br></a>


</body>

</html>
______________
Ciao Michael
Wenn man keine Ahnung hat, einfach mal fragen!


No Support via PN, E-Mail or Messenger - only here : FORUM
Beitrag04.02.2007 um 15:26 (UTC)    
Titel:

ich blick da noch nicht so durch. Rolling Eyes

wieso hast du so viele codes reingepostet?reciht da nicht einer? wo ist der unterschied?

also ich dachte,dass ich dann 2 verschiedenfarbige buttons machen muss und wenn sie geuppt sind an die ensprechende stelle kopieren.am code brauche ich ja dann keinen buttonname verändern,denn der ist ja im buttonbild gespeicert.

bitte eine aufklärung Confused
Beitrag04.02.2007 um 15:41 (UTC)    
Titel:

Das geht nicht einfacher, ich bewzeifle auch, dass der Code funktioniert.
ABer eines ist sicher, leichter geht es auf kein Fall, Javascript ist nicht leicht, und mit HTML bekommst du sowas nicht hin...Wink
______________
Ende.
Beitrag04.02.2007 um 16:04 (UTC)    
Titel:

kennst du dich ein bisschen aus und kannst mir erklären wo ich was einfügen muss und ob ich alles davon brauche?
Beitrag04.02.2007 um 17:14 (UTC)    
Titel:

hi der funktioniert -
hier mal mit meien daten für 2 buttons
</head>

<body>
<a href="http://weddingguide.de.tl/%3Cimg-src%3D-http-d--s--s-88-.-198-.-45-.-9-s-pic-s-w-s-weddingguide-s-button1-.-gif-border%3D0%3E-.htm"
onmouseover="swap('imgLink1','Link1on')"
onmouseout="swap('imgLink1','Link1')">
<img name ="imgLink1"
src= "http://88.198.45.9/pic/w/weddingguide/button.gif" border = 0 alt = "Willkommen" hspace="10" vspace="2"><br></a>

<a href="http://weddingguide.de.tl/%3Cimg-src%3D-http-d--s--s-88-.-198-.-45-.-9-s-pic-s-w-s-weddingguide-s-braeuche-.-gif-border%3D0%3E-.htm"
onmouseover="swap('imgLink2','Link2on')"
onmouseout="swap('imgLink2','Link2')">
<img name ="imgLink2"
src= "http://88.198.45.9/pic/w/weddingguide/button.gif" border = 0 alt = "Bräuche" hspace="10" vspace="2"><br></a>

<a href="http://weddingguide.de.tl/%3Cimg-src-%3D-http-d--s--s-88-.-198-.-45-.-9-s-pic-s-w-s-weddingguide-s-zeitplan-.-gif-border%3D0%3E.htm"
onmouseover="swap('imgLink3','Link3on')"
onmouseout="swap('imgLink3','Link3')">
<img name ="imgLink3"
src= "http://88.198.45.9/pic/w/weddingguide/button.gif" border = 0 alt = "Zeitplan" hspace="10" vspace="2"><br></a>

<a href="http://weddingguide.de.tl/%3Cimg-src-%3D-http-d--s--s-88-.-198-.-45-.-9-s-pic-s-w-s-weddingguide-s-formales-.-gif-border%3D0%3E.htm"
onmouseover="swap('imgLink4','Link4on')"
onmouseout="swap('imgLink4','Link4')">
<img name ="imgLink4"
src= "http://88.198.45.9/pic/w/weddingguide/button.gif" border = 0 alt = "Formalitäten" hspace="10" vspace="2"><br></a>


</body>

</html>
ich habe das aufgegebn weil ich 37 brauche -
obwohl im nachhinein hätte ichs besser gemacht - weil ich schon wieder das ganze woe komplett versucht habe habe 37 buttons mit ulead gif animator gemacht -und alle eingebaut - trotzdem - weil ich bei ulead keine hilfslinien - gefunden habe
war die schrift nachher nicht exakt - obwohl ich sie immer über die andere schrift gesetzt habe - dann habe ich alles wieder rausgemacht - wieder versucht das design platt zu machen
aber irgendwas steht in jedem design im weg - oder hat auch keine navbuttons - sondern nur schrift und wenn du dann den hitergrund veränderst, dann ist die schrift auch nicht mehr gescheid in der reihe -ich glaube ich lege diese eine seite mal auf eis und warte bis so ein design kommt - wo man mehr freiheit hat und rechts neben der navbar sich frei bewegen kann ohne dieboxen und die auch das gesamte design nutzen und keine scrollbars machen und und und ciao
______________
Ciao Michael
Wenn man keine Ahnung hat, einfach mal fragen!


No Support via PN, E-Mail or Messenger - only here : FORUM
Beiträge der letzten Zeit anzeigen:   


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de