Mouseover-Buttons (Programmieren)

Von: fevrex

05.04.05 - 15:26

Könntet ihr mir das bitte erklären?

Ich würde gerne einen Button machen der, sobald die Maus ihn berührt, so animiert wird, als würde man ihn mit dem Finger eindrücken.

Reicht es, wenn ich den Button einmal normal habe und einmal so, als würde man ihn drücken? Muss ich das dann nur noch entsprechend verlinken?

Von: McMoney

05.04.05 - 15:44

Also auf das ha ich keine Antwort, aber ne andre Frage. wo ich dachte, dass sie hier neinpasst.

Also:
Wenn ich n Button gemacht habe mit HTML,kann man dann einen Counter dazumachen, dass immer wenn der Button gedrückt wurde gezählt wird?Also sozusagen ein Abregbutton*G*

Von: Spike0

05.04.05 - 16:50

Hier ist ein Skript zur zweiten Frage:

<script languange="JavaScript">
function zaehler(){
document.formel.t.value=parseFloat(document.formel.t.value)+1;
}
function reset(){
document.formel.t.value=0;
}
</script>

<form name="formel">
<input name="t" value="0"><br>
<input type="button" value="Click Me" name="Button" onclick="zaehler()"><br>
<input type="button" value="Zurücksetzen" onclick="reset()">
</form>

Von: fevrex

05.04.05 - 18:43

Hm, das sieht man doch auf vielen Seiten. So schwer kann das doch nich sein...

Von: McMoney

05.04.05 - 19:13

@Spike0

Kann man auch noch ne Zeile einfügen, dass die Anzahl der Klicks gespeichert wird, und das immer weitergehn kann?

Von: Spike0

05.04.05 - 19:42

Ich weiß nicht genau, was du meinst. Möchtest du die Aktuelle Zahl in einem input speichern? Du musst das in den <form>-Tag eingeben:

<input name="r">
<input type="button" value="Speichern" onclick="r.value=t.value">

Von: McMoney

05.04.05 - 19:56

nee....wenn ich jetzt n ganzen Tag geklckt habe und ca 2000 wegen mir ahbe, dann will ich, dass wenn ich morgen wieder das Dokument öffne, die 2000 schon drinne steht und ich weiterklicken kann, dass ich dann wegen mir 4000 hab weißte?

Von: Spezial

06.04.05 - 09:16

@fevrex:
Hoover:

<img border="0" src="Button_normal.jpg" width="119" height="35" name="button" onMouseOver="javascript:button.src='Button_hoover.jpg';" onMouseOut="javascript:button.src='Button_normal.jpg';">

Klick:

<img border="0" src="Button_normal.jpg" width="119" height="35" name="button" onClick="javascript:button.src='Button_click.jpg';" onMouseUp="javascript:button.src='Button_normal.jpg';">

@McMoney:
meines wiSSens nach geht das mit javascript nicht...

Von: fevrex

06.04.05 - 14:11 (06.04.05 - 14:41)

thx. Wie belege ich den Button denn mit einem Sound?

Von: McMoney

06.04.05 - 15:18

@spezial
Hast du npoch ne andere Idee?

Von: Spike0

06.04.05 - 16:41

@McMoney: Mit Html geht es nur mit Cookies, hier ist der ganze Quelltext:

<script languange="JavaScript">
function zaehler(){
document.formel.t.value=parseFloat(document.formel.t.value)+1;
}

function reset(){
document.formel.t.value=0;
}

function zeigen()
{
Ciastko=unescape(document.cookie);
Ciastko=(Ciastko=="" && (Ciastko.indexOf("ergebnis")==-1)) ? "[Keine Cookies vorhanden]" :

Ciastko.substring(9,Ciastko.length-18);
document.formel.t.value=Ciastko;
}

function speichern(NazwaCookie)
{
document.cookie= NazwaCookie+"=" + escape(parseInt(document.formel.t.value)) + "; expires=";
}
</script>
<body onload="zeigen(document.formel)">
<form name="formel">
<input name="t" value="0"><br>
<input type="button" value="Click Me" name="Button" onclick="zaehler()"><input type="button"

value="Zurücksetzen" onclick="reset()"><br>
<input type="button" VALUE="Speichern" onClick="speichern('ergebnis')">
</form>

Die Anzahl wird beim Laden der Seite angezeigt.

Von: Spezial

06.04.05 - 16:43 (06.04.05 - 16:44)

@fevrex:
also das artet jetZt nen biSSl aus xD wie wärs mit flash-buTTons? oder muSSte einfach mal gOOgeln... suchsteie einfach nach:
Button onClick javascript sound
x]

@McMoney:
--edit--
hat ja jetzt einer geschrieben x] haTTe vorher das unter dem edit geschrieben ^^
--edit--
Php...aber das geht nur auf dafür vorgesehenen servern, also net einfach mal eben auf deinem computer :) es sei deNN du hast apache usw. installiert...
maYbe gibts auch noch einfachere sachen, die sind mir daNN aber nicht bekaNNt ;)

Von: McMoney

06.04.05 - 17:06

@Spike0
Wie isssen das jetzt mit den Cookies?Was muss ich da machen, dass es geht?

@Spezial

Kannst du trotzdem mal ansagen bitte?

----------------------------------------

Nochne Frage:(Jetzt vllt. bissl viel verlangt, aber ihr könnt ja mal gucken*g*)

Zurzeit ist es ja auch noch so, dass man in dem Input Feld dann was andres einegebn kann und somit manipulieren kann....kann man des auch ändern?Dass man nix eingeben kann und es trotzdem zählt?
Thx..

Von: Spike0

06.04.05 - 17:29

@ McMoney
1. Du tippst den Quelltext ein
2. Wenn du auf speichern drückst, wird der Wert in einem Cookie gespeichert (du musst aber bei deinem Browser Cookies zulassen)
3. Beim Laden der Seite wird der Wert aus dem Cookie herausgelesen und steht dann in dem Feld

-die zweite Frage: Das ist echt leicht, einfach "readonly":

<input name="t" readonly value="0">

Von: McMoney

06.04.05 - 17:30

jo...thx...noch ne blöde Frage hinterher:
Wie lasse ich die Cookies zu?

Von: McMoney

06.04.05 - 17:32

ich hab Mozilla...!

Aber wenn ihr noch ne Variante habt ohne Cookies, wäre es auch net schlecht, bin aber auch so erstmal zufriden!
thx

Von: Spike0

06.04.05 - 17:38

Also man kann das auch mit PHP machen. Mit Javascript kann man das nicht anders lösen (glaube ich). Du müsstest in den Optionen nachschauen, guck aber erstmal, ob das Skript funktioniert, falls ja, dann sind die Cookies bei deinem Browser zugelassen

Von: McMoney

06.04.05 - 17:38

nee...geht nicht, aber ich schaue trotzdem mal nach!

Von: Spike0

06.04.05 - 17:41

Also bei IE ist es bei "Datenschutz"

Von: Gta-man

06.04.05 - 17:43 (06.04.05 - 17:47)

Kann man das auch so machen, mit dem von McMoney, das dann alle klicks der Besucher zusammmengezählt werden, und nicht nur von 1 IP ? Und man kann in das Feld, wo die Zahl steht, ja rinschreiben. Kann man das nicht machen, das man da nicht reinschreiben kann?

Von: McMoney

06.04.05 - 17:43

Also so richtig klappt es nicht mit Mozilla...ich bekomme die Daten nicht mehr rein.

Von: McMoney

06.04.05 - 17:46

bei IE kommt immer wenn ich neu lade dann NaN ...also funzt net so gut...

Von: Spike0

06.04.05 - 17:48

Nee, das geht dann nur noch mit PHP: Die Zahl wird in einer Datei gespeichert und dann ausgelesen.

Ich weiß es nicht genau, ich habe IE.

Von: Spike0

06.04.05 - 18:04

Leider gibt es doch noch einen Weg, um zu Schummeln:

Man klickt auf den "Click Me"-Button ein Mal und dann die Eingabetaste (Enter) gedrückt halten...

Von: McMoney

07.04.05 - 15:08

naja, aber eh das einer mitbekommt^^
tut mal bitte ne php variante posten, wenn ihr eine habt...^^

Von: Gta-man

07.04.05 - 19:05

Könnt ihr meine Frage beantworten ? BITTE!?

Von: McMoney

07.04.05 - 19:31 (07.04.05 - 19:31)

jo, das vom Gta-man würde mich auch nochmal interessieren...

Von: Spike0

07.04.05 - 19:33

habe ich doch schon :

Damit man nichts reinschreiben kann: einfach "readonly":
<input name="t" readonly value="0">

Das andere (für viele Besucher) geht nur mit PHP

Von: klargehtdas

07.04.05 - 20:07

@spezial wo hast du so geil die sprache gelernt (html oder java was das is´) voll gool

Von: fevrex

07.04.05 - 20:49

Ich rate dir ein Buch zu kaufen...

Von: Spezial

08.04.05 - 12:43

ALSO:
php-variante is gerade in arbeit...muSS nur mal kurz biSSl coden >.>

@klargehtdasAkte einsehen:
das is html + js...
javascript hab ich mir größten teils selber beigebracht und html habe ich mir auf so ner komischen tutorial-page angeeignet xD
und php mit nem buch...

Von: Spezial

08.04.05 - 13:00

Bitte überlassen sie entscheidungen dieser Art den Moderatoren.

so ein pop-up koMMt weNN ich einen quelltext posten will ^^
naja egal xD
da haste beide datein die du brauchst:
http://spezial.sp.funpic.de/upload/files/mogelpower.rar

aber dran denken: php kann nicht auf deinem computer ausgeführt werden, du brauchst dafür einen speziellen server ^^

Von: McMoney

08.04.05 - 14:14

@Spezial

Danke, ich werde es mal testen und ich weiß, dass es nicht geht, denn Anfangs hatte ich auch des Problem!
Aber trotzdem danke!

Von: McMoney

08.04.05 - 14:19

Was mach ich denn jetzt mit der *.rar Datei?Ich hab sie runtergeladen...

Von: Obake

08.04.05 - 15:38

Mit Winrar entpacken.

Von: McMoney

08.04.05 - 15:39

Wo bekomm ich das her?

Von: Spezial

08.04.05 - 16:29

www.winrar.de

Von: Spike0

08.04.05 - 21:19

Bei mir kam auch diese Meldung! Man muss das irgendwie klären!

Von: Spezial

09.04.05 - 15:49

meinste das mit dem "Bitte überlassen sie entscheidungen dieser Art den Moderatoren."? das ist wirklich lästig...

wäre nett wenn mogelpower das irgendwie ändern könnte, damit man mal wieder quelltexte von irgendwelchen sachen posten kann - danke =)

Von: Spike0

09.04.05 - 21:26

Ich bekam von dem Moderator folgende Antwort:

Im Code kommt wohl irgendwo das Wort "c lose" vor. Mach da ein Leerzeichen rein und probier es nochmal

Man darf also einfach das Wort c lose nicht zusammenschreiben.

Von: Spezial

10.04.05 - 12:25

hm...das ist ziemlich dumm...
es gibt ziemlich viele funktionen z.B. in php wie "fc lose" oder "mysql_c lose" (ohne leerzeichen) und wenn da jetzt z.B. jemand is der sich nicht wirklich damit auskennt und du sagst ihm er soll den code mal eben korrigieren weil du ja nicht "fc lose" schreiben darfst, meinste der schaft das? - du wirst nicht glauben was es alles gibt und wie unfähig manche menschen sind (nich direkt in diesem forum, eher an sich so xD)