PDA

Archiv verlassen und diese Seite im Standarddesign anzeigen : Dyn. Button Tut?


Milchbox
26.12.2004, 12:41
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
dadie
26.12.2004, 13:21
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



<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>



Ist ungetestet achtung

oder man nutz PHP das sehe dann so aus



<?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'> " ; }

?>
Milchbox
26.12.2004, 13:42
ne ein bisschen falsch.
erklärung:
ich will das der button ein anderes image hat wenn ich über ihn fahre!
kappiert???
dadie
26.12.2004, 14:29
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 :D

Hier meine Lösungs Idee :




<!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;" >&nbsp;</a></div>
</body>
</html>


Das ist sozusagen ein Beispiel Code zu testen hier (http://the-time.ath.cx/RPGRINGTEST/)

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:
Milchbox
26.12.2004, 16:05
ich wollte das weniger komplitziert haben und ohne fehler.
aber trotzdem danke http://www.multimediaxis.de/images/smilies/old/sm_12.gif
Milchbox
26.12.2004, 17:25
ich hab mir jetzt eins in flash geprogt aber weiss nicht wie ich eine swf datei in meine site einbauen kann.
bitte um hilfe.
pogo
26.12.2004, 19:57
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!
Latency
26.12.2004, 20:16
1. Das war ohne fehler, ich weiß nich was du hast.
Klick (http://validator.w3.org/check?verbose=1&uri=http%3A//the-time.ath.cx/RPGRINGTEST/) ;)
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.
pogo
26.12.2004, 21:00
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...
Latency
26.12.2004, 21:06
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.

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 &nbsp; 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:
dadie
26.12.2004, 21:16
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 (http://img54.exs.cx/my.php?loc=img54&image=browserbug6db.jpg)
Oder habt ihr Nicht den BUG/Fehler ??
pogo
26.12.2004, 21:24
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?
Latency
26.12.2004, 21:30
Naja aber kann mir jemand sagen warum Mozilla den Code nciht Korekt darstellt ? 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.
dadie
26.12.2004, 21:34
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.

Aha was ist den das hier

"<a href="#" alt="testlink" style="width:132px;height:45px;" >&nbsp;</a>"

Soweit ich weiss ist das ne Feste Grössen angabe ?? Wo liegt der fehler oder ist gar der "style" im A tag verbotten ?
Latency
26.12.2004, 21:54
Aha was ist den das hier

"<a href="#" alt="testlink" style="width:132px;height:45px;" >&nbsp;</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 ^^°
Ich nehme alles zurück ^^

P.S. Schon versucht ein Leerzeichen zwischen die Angaben zu quetschen?
dadie
26.12.2004, 22:02
Argh, erst lesen, dann klugscheißen ^^°
Ich nehme alles zurück ^^

P.S. Schon versucht ein Leerzeichen zwischen die Angaben zu quetschen?

Also ich fasse zusammen

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 -_-" )
Latency
26.12.2004, 22:13
Vielleicht hilft ein wenig Overflow (http://de.selfhtml.org/css/eigenschaften/positionierung.htm#overflow).
dadie
26.12.2004, 22:18
Vielleicht hilft ein wenig Overflow (http://de.selfhtml.org/css/eigenschaften/positionierung.htm#overflow).


Coole Funktion kannte ich garnett Mozilla leider auch nett -_- also bei mir läst das Mozilla Kalt :'( -_- -_-'
dead_orc
27.12.2004, 10:06
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!
dadie
27.12.2004, 10:12
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/smilies/old/sm_12.gif Its run 8)