 Willkommen auf dem Portal für Mediengestalter
|
|
|
| Autor |
Nachricht |
Yuki
Threadersteller
Dabei seit: 22.04.2009
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Mi 22.04.2009 15:11
Titel Buttons html javascript funktion brauche hilfe ^^ |
  |
|
Hallo
Ich bauche grad eine Internetseite mit meinen neugewonnen html-Kentnissen.
Meine Aufgabe ist es eine mouseover+mousklickfunktion bei Buttons einzusetzen, das habe ich auch geschafft, nur habe ich zwei Probleme:
1. Wie bekomme ich den weißen Rad zwischen den Bildern weg ?
2. Wie kann ich ( nach dem der weiße Rand weg ist) den ( rauskopierten geänderten ) Code so ändern,dass ich einen eigenen Rand ( in gelb) verwenden kann ,wenn die maus auf dem button ist(mouseover)?
| Code: | <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Ohne_Titel_1</title>
<script type="text/javascript">
<!--
function FP_swapImg() {//v1.0
var doc=document,args=arguments,elm,n; doc.$imgSwaps=new Array(); for(n=2; n<args.length;
n+=2) { elm=FP_getObjectByID(args[n]); if(elm) { doc.$imgSwaps[doc.$imgSwaps.length]=elm;
elm.$src=elm.src; elm.src=args[n+1]; } }
}
function FP_preloadImgs() {//v1.0
var d=document,a=arguments; if(!d.FP_imgs) d.FP_imgs=new Array();
for(var i=0; i<a.length; i++) { d.FP_imgs[i]=new Image; d.FP_imgs[i].src=a[i]; }
}
function FP_getObjectByID(id,o) {//v1.0
var c,el,els,f,m,n; if(!o)o=document; if(o.getElementById) el=o.getElementById(id);
else if(o.layers) c=o.layers; else if(o.all) el=o.all[id]; if(el) return el;
if(o.id==id || o.name==id) return o; if(o.childNodes) c=o.childNodes; if(c)
for(n=0; n<c.length; n++) { el=FP_getObjectByID(id,c[n]); if(el) return el; }
f=o.forms; if(f) for(n=0; n<f.length; n++) { els=f[n].elements;
for(m=0; m<els.length; m++){ el=FP_getObjectByID(id,els[n]); if(el) return el; } }
return null;
}
// -->
</script>
<body onload="FP_preloadImgs(/*url*/'b2.jpg',/*url*/'b3.jpg')">
<a href="http://www.geranime.ucoz.de/blog">
<img style="border: 0" id="img1" src="b1-2.jpg" alt="Text" onmouseover="FP_swapImg(1,0,/*id*/'img1',/*url*/'b2.jpg')" onmouseout="FP_swapImg(0,0,/*id*/'img1',/*url*/'b1-2.jpg')" onmousedown="FP_swapImg(1,0,/*id*/'img1',/*url*/'b3.jpg')" onmouseup="FP_swapImg(0,0,/*id*/'img1',/*url*/'b2.jpg')" /><!-- MSComment="ibutton" fp-style="fp-btn: Metal Tab 3" fp-title="Text" -->
</a>
<a href="http://www.geranime.ucoz.de/blog">
<img style="border: 0" id="img2" src="b1-2.jpg" alt="Text" onmouseover="FP_swapImg(1,0,/*id*/'img2',/*url*/'b2.jpg')" onmouseout="FP_swapImg(0,0,/*id*/'img2',/*url*/'b1-2.jpg')" onmousedown="FP_swapImg(1,0,/*id*/'img2',/*url*/'b3.jpg')" onmouseup="FP_swapImg(0,0,/*id*/'img2',/*url*/'b2.jpg')" /><!-- MSComment="ibutton" fp-style="fp-btn: Metal Tab 3" fp-title="Text" -->
</a>
<a href="http://www.geranime.ucoz.de/blog">
<img style="border: 0" id="img3" src="b1-2.jpg" alt="Text" onmouseover="FP_swapImg(1,0,/*id*/'img3',/*url*/'b2.jpg')" onmouseout="FP_swapImg(0,0,/*id*/'img3',/*url*/'b1-2.jpg')" onmousedown="FP_swapImg(1,0,/*id*/'img3',/*url*/'b3.jpg')" onmouseup="FP_swapImg(0,0,/*id*/'img3',/*url*/'b2.jpg')" /><!-- MSComment="ibutton" fp-style="fp-btn: Metal Tab 3" fp-title="Text" -->
</a>
|
leider kenne ich mich kaum in javascript aus und kenne die funktion nicht ,die einen geblen border verursacht ,wenn wie maus auf dem button ist -.-
Zuletzt bearbeitet von Yuki am Mi 22.04.2009 15:41, insgesamt 1-mal bearbeitet
|
|
| |
  |
 |
danielkussin
Dabei seit: 04.06.2008
Ort: Hamburg
Alter: 42
Geschlecht: 
|
Verfasst Mi 22.04.2009 17:42
Titel Re: Buttons html javascript funktion brauche hilfe ^^ |
|
|
Hi
| Yuki hat geschrieben: | | Meine Aufgabe ist es eine mouseover+mousklickfunktion bei Buttons einzusetzen, (...) |
Was willst du denn tun? Navigation?
Gruß Daniel
Zuletzt bearbeitet von danielkussin am Mi 22.04.2009 17:43, insgesamt 1-mal bearbeitet
|
|
| |
 |
|
|
Anzeige
|
|
|
Yuki
Threadersteller
Dabei seit: 22.04.2009
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Mi 22.04.2009 18:50
Titel Re: Buttons html javascript funktion brauche hilfe ^^ |
|
|
| danielkussin hat geschrieben: | Hi
| Yuki hat geschrieben: | | Meine Aufgabe ist es eine mouseover+mousklickfunktion bei Buttons einzusetzen, (...) |
Was willst du denn tun? Navigation?
Gruß Daniel |
Das ist noch relativ, ums noch mal Grob auszudrücken:
Ich habe drei Bilder neben einander stehen, leider gibts eine lücke ,wenn ich sie frei oder in einer tabelle neben einender stellen lasse.
und ich will ,dass bei mouseoveron, ein rahmen also border erscheint , um den angefassten button äußerlich hervorzuheben.
|
|
| |
|
|
danielkussin
Dabei seit: 04.06.2008
Ort: Hamburg
Alter: 42
Geschlecht:
|
Verfasst Mi 22.04.2009 19:11
Titel Re: Buttons html javascript funktion brauche hilfe ^^ |
|
|
| Yuki hat geschrieben: | | Das ist noch relativ (...) |
Hä! Aber egal.
Dann lass mal JavaScript weg, und nutz CSS mit den Pseudo-Klassen (:hover, :focus, :link & Co.).
Dann einfach einen Link auf das jeweilige Bild legen und dann den Rahmen in der Pseudo-Klasse :hover definieren.
Gruß Daniel
|
|
| |
|
|
| |
|
|
| Ähnliche Themen |
Javascript + Radio-Buttons
Dynamische Javascript-Buttons
javascript: gestaltung der buttons ändern
Javascript Lightbox Weiter/Zurück Buttons
brauche hilfe bei input buttons und onclick aktionen
Javascript Funktion fehlerhaft
|
|
|
Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.
|
|
