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!

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

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

Ist ungetestet achtung

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



?>

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

Zitat von RPG Costumer

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

Hier meine Lösungs Idee :

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

Das ist sozusagen ein Beispiel Code zu testen hier

ps.Der test Link kann abundzu Off sein ist mien Apachie Server

pps.Mmm. aus einem Mir nicht bekannten Grund ignoriert der Mozilla das Script Opera und IE machen es Korekt

**Milchbox** · 26.12.2004 16:05

ich wollte das weniger komplitziert haben und ohne fehler.
aber trotzdem danke

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

Zitat von pogo

1. Das war ohne fehler, ich weiß nich was du hast.

Klick

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

Zitat von pogo

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

**dadie** · 26.12.2004 21:16

Ohh jo das mit dem alt war woll ne dumme idee von mir

Naja aber kann mir jemand sagen warum Mozilla den Code nciht Korekt darstellt ?

EDIT:

so siht das bei mir aus

Oder habt ihr Nicht den BUG/Fehler ??

**Latency** · 26.12.2004 21:30

Zitat von dadie

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

Zitat von Latency

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;" > </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

Zitat von dadie

Aha was ist den das hier

"<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 ^^°
Ich nehme alles zurück ^^

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

**dadie** · 26.12.2004 22:02

Zitat von Latency

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

2,Wir brauchen mitaki !!!!!

(ich glaube 2 wöhre besser

" )

**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 22:13

Vielleicht hilft ein wenig Overflow.

**dadie** · 26.12.2004 22:18

Zitat von Latency

Vielleicht hilft ein wenig 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

Zitat von getöteter_ork

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!

Its run 8)

Thema: Dyn. Button Tut?

Themen-Optionen

Anzeige

Hybrid-Darstellung

Dyn. Button Tut?

Berechtigungen