ich wollte fragen wo es ein tut gibt wo steht wie man dyn. buttons macht.
ich will nemlich mal schwung in meine site bringen! :D
Druckbare Version
ich wollte fragen wo es ein tut gibt wo steht wie man dyn. buttons macht.
ich will nemlich mal schwung in meine site bringen! :D
Also ich habe das so verstanden :
Du hast ne Seite mit Buttons und willst das z.b. durchzufall einer gewählt wird nicht ?
Da gibt es 2 Möglichkeiten (es gibt mehr sind aber die bekantesten)
Javascript Lösung
Ist ungetestet achtungHTML-Code:<script type="text/javascript">
<!--
var a = 1 + 3*(Math.random());
if (a == 1 ) {
document.write ("<input type='submit' name='Button1' value='Button1'> "); }
if (a == 2 ) {
document.write ("<input type='submit' name='Button2' value='Button2'> "); }
if (a == 3 ) {
document.write ("<input type='submit' name='Button3' value='Button3'> "); }
-->
</script>
oder man nutz PHP das sehe dann so aus
PHP-Code:<?php
$zufall = rand(1, 3);
if ($zufall == "1" ) {
echo "<input type='submit' name='Button1' value='Button1'> " ; }
if ($zufall == "2" ) {
echo "<input type='submit' name='Button2' value='Button2'> " ; }
if ($zufall == "3" ) {
echo "<input type='submit' name='Button3' value='Button3'> " ; }
?>
ne ein bisschen falsch.
erklärung:
ich will das der button ein anderes image hat wenn ich über ihn fahre!
kappiert???
Achso das geht mit recht einfach es gibt 2 bekante metoden einmal Javascript und einmal CSS leider kann ich kein Javascript obwohl wir sie in Informatik haben aber es kann auhc daranliegen das ich diese Websprache hasse :DZitat:
Zitat von RPG Costumer
Hier meine Lösungs Idee :
Das ist sozusagen ein Beispiel Code zu testen hierHTML-Code:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Untitled</title>
<style type="text/css" title="extra">
<!--
.testlink1 A {text-decoration: none; color: #0000C0; background-image: url(testT.bmp);}
.testlink1 A:visited {text-decoration: none; color: #0000C0; background-image: url(testT.bmp);}
.testlink1 A:active {text-decoration: none; color: #0000C0; background-image: url(testT.bmp);}
.testlink1 A:hover {text-decoration: none; color: #0000C0; background-image: url(testT2.bmp);}
-->
</style>
</head>
<body bgcolor="#687bf8" >
<div class="testlink1" ><a href="#" alt="testlink" style="width:132px;height:45px;" > </a></div>
</body>
</html>
ps.Der test Link kann abundzu Off sein ist mien Apachie Server :D
pps.Mmm. aus einem Mir nicht bekannten Grund ignoriert der Mozilla das Script Opera und IE machen es Korekt :confused:
ich wollte das weniger komplitziert haben und ohne fehler.
aber trotzdem danke http://www.multimediaxis.de/images/s.../old/sm_12.gif
ich hab mir jetzt eins in flash geprogt aber weiss nicht wie ich eine swf datei in meine site einbauen kann.
bitte um hilfe.
1. Das war ohne fehler, ich weiß nich was du hast.
2. Du willst es weniger kompliziert und nimmst dann flash?? CSS ist wohl tausendmal einfacher und unkomplizierter als flash, und zudem auch noch für alle nutzbar. Flash dagegen schließt einige betrachter deiner seite von vorngerein aus. Für kleine dinge ist das ja ok, aber nich für eine navigation!
Klick ;)Zitat:
Zitat von pogo
Nachteil bei Dadies Methode ist, dass die Navigation ohne Bild brach liegt da keiner weiß wohin der Link führt. Da der Alt Tag dazu gedacht ist einen alternativen Text bei Bilder zu liefern, nicht Links.
Allerdings hast ansonsten recht, wenn die Navigation nicht zu aufwendig sein soll wäre es am besten mit CSS zu arbeiten.
Okay, der alt tag fehlt, das hab ich übersehen. Aber das ist ja kein problem den eben einzufügen und dann wär es die optimale lösung...
Du hast den Fehler missverstanden.Zitat:
Zitat von pogo
Das Alt Attribut fehlt nicht, es ist zuviel ;)
Alt wird bei Bilder benötigt, damit ein alternativer Text angezeigt wird, falls das Bild nicht geladen werden konnte. Bei Links gibt es dieses Alt Attribut nicht. Dadies Linktext ist hier ein welches das HTML Entity für ein Leerzeichen ist. Der CSS Hintergrund dieses Links ist das Bild welches dann den eigentlichen Link darstellt. Wenn aber der Hintergrund nicht geladen werden kann, so ist der Link ein Leerzeichen und alle User dürfen nach einem leerzeichen suchen dass sie dann anklicken, ohne zu wissen wohin es sie führt, falls sie es denn überhaupt finden :rolleyes:
Ohh jo das mit dem alt war woll ne dumme idee von mir :D
Naja aber kann mir jemand sagen warum Mozilla den Code nciht Korekt darstellt ?
EDIT:
so siht das bei mir aus
http://img54.exs.cx/img54/8789/browserbug6db.th.jpg
Oder habt ihr Nicht den BUG/Fehler ??
Stimmt, lol! Ich war wohl grad nicht ganz da, wie komm ich darauf, dass ein a ein alt braucht? Naja, egal... Man kann ja einfach was hinschreiben!
EDIT: Doch, sieht bei mir genauso aus. Hab aber grad keine idee, wo dran es liegen könnte. Haste das alt entfernt?
Die "Fläche" des A-Tags ist zu klein um das ganze Bild anzuzeigen. Deswegen wird nur so viel angezeigt wie in eine Leerzeichen reinpasst. Opera und IE zeigen aber trozdem das gesamte Hintergrundbild an. Damit FF es auch anzeigt müsstest du entweder mehr in den Link reichschreiben oder, per CSS feste größenangaben erstellen.Zitat:
Zitat von dadie
Aha was ist den das hierZitat:
Zitat von Latency
"<a href="#" alt="testlink" style="width:132px;height:45px;" > </a>"
Soweit ich weiss ist das ne Feste Grössen angabe ?? Wo liegt der fehler oder ist gar der "style" im A tag verbotten ?
Argh, erst lesen, dann klugscheißen ^^°Zitat:
Zitat von dadie
Ich nehme alles zurück ^^
P.S. Schon versucht ein Leerzeichen zwischen die Angaben zu quetschen?
Also ich fasse zusammenZitat:
Zitat von Latency
Doctyp änderung Hilft nicht
Ein leerzeichen im Style auch nicht
ALT entfernung hilft auch nicht
Im Forum auf Hilfe hoffen auch nicht
Also ich habe 2 lösungen für das Problem
1,Mozilla will mich verarschen darum soll es mich Lecken :D
2,Wir brauchen mitaki !!!!!
(ich glaube 2 wöhre besser -_-" )
Vielleicht hilft ein wenig Overflow.
Zitat:
Zitat von Latency
Coole Funktion kannte ich garnett Mozilla leider auch nett -_- also bei mir läst das Mozilla Kalt :'( -_- -_-'
Vielleicht kann ich auch helfen: Versuch mal vor die Höhen- und Breitenangabe noch ein "display:block;" zu klemmen, da sonst AFAIC diese Angaben bei Links nix nützen. So funzt es zumindest auf meiner HP!
http://www.multimediaxis.de/images/s.../old/sm_12.gif Its run 8)Zitat:
Zitat von getöteter_ork