Herodius

Hey, alle von Gamux.

Im Moment versuche ich Javascript zu lernen, komme aber teilweise nicht weiter. Ich habe da ein paar Probleme und wäre dankbar, wenn mir jemand weiterhelfen könnte.

1. Ich möchte jetzt ein Script machen, bei dem gestreichelt wird. Man sieht den Körper des Hundes und an verschiedenen Stellen Herzchen, über die man "drüberfahren" soll. Wenn man über alle "drübergefahren" ist, dann wird man weitergeleitet zu der Seite, wo das alles verwertet wird (also direkt nachdem man alle Herzchen "überfahren" hat). Die erste Seite heisst beispielsweise streicheln.php und die nächste streicheln_action.php. Damit man weiss, welche Herzchen man schon bereicht hat, wäre es vielleicht noch praktisch, wenn das Herzchen, sobald man es berührt hat, rosa aufleuchtet oder so aber wie das geht weiss ich, das wäre also nicht das Problem.

Man kann aber auch so genannte Hassstellen bereichen. Die sind natürlich unsichtbar, doch wenn man sich mit den Regeln vertraut gemacht hat, weiss man, wo sie sich befinden. Sobald man eine Hassstelle bereicht hat, wird man zu einer Seite weitergeleitet, wo dem Hund 10 Zuneigungspunkte abgezogen werden.

Vielleicht kann mir hier jemand helfen, denn ich komme nicht weiter. Ich habe eine ungefähre Vorstellung, wie ich das Script aufbauen muss, bin aber teils noch sehr unsicher und ich möchte nicht gleich alles verpfuschen indem ich mich irgendwo kolossal schlimm irre.


2. Ich möchte, dass man den Hund nach draussen in den Garten schicken kann. Man muss die ganze Zeit auf den Hund warten (macht ja an sich Sinn, weil er nicht ewig an der Balkontür kratzen soll. Entgegenwirken könnte natürlich eine Hundeklappe. Entweder man hat die Hundeklappe, dann kommt der Hund von alleine wieder rein oder man hat sie nicht und man muss auf den Hund warten). Man wartet also, während 12 Minuten zurückzählen. Sobald die allerletzte Sekunde verstrichen ist, wird man auf die Seite weitergeleitet, in der einem mitgeteilt wird, dass der Hund draussen war (aber die kann ich getrost alleine, das ist ja an sich kein Problem ).

Ich brauche da an sich nur die Zeitfunktion, die, wenn man bestätigt, anfängt runterzuzählen und sobald sie abgelaufen ist, dann auch das gewünschte ausführt .


3. Beim Hundehof soll man Welpen ausbilden können. Es gibt da verschiedene Buttons, die man anklicken kann, darunter bspw. das Leinentraining. Da gibt es den Hund auf der einen und die Leine auf der anderen Seite. Man muss sie zum Hund auf ihn drauf ziehen und sobald das passiert ist, ist das Training ausgeführt und der Welpe hat ein bisschen was dazugelernt.


Vielleicht kann mir ja jemand von euch helfen und etwas erklären. Ich brauche natürlich nicht das Ganze. In der Regel begreife ich etwas, wenn man es mir erklärt, wie es funktioniert. Einfach grob erklären. Ich weiss ja nicht mal, was die einzelnen Dinge, die ich da beschrieben habe, für Abläufe haben.

Ich bin für absolut jede Erklärung offen und dankbar .


LG,
Herodius

Megger

Hi
Dafür solltest du mal nach Countdowns in Javascript suchen, aber du solltest darauf achten, dass die Zeit des Countdowns mit der Serverzeit synchronisiert wird, da Javascript eigentlich die Clientzeit nimmt und man dadurch etwas manipulieren könnte (aber eine serverseitige Überprüfung sollte sowieso stattfinden)
Wenn du schonmal so einen Countdown hast, dann sollte es ein leichtes sein dort etwas einzubauen, dass er erst startet wenn du es willst und das etwas passiert wenn er zuende ist. Aber zuerst würde ich einen Countdown versuchen, der zum Beispiel immer bis Mitternacht runterzählt oder so

Herodius

Okay, danke . Und mit welchem Befehl kann ich denn so einen Countdown machen? Oder kennst du vielleicht ein Script, dass ich nach meinen Wünschen abändern könnte?

Megger

Dabei dürfte dir SELFHTML: JavaScript / Objektreferenz / window
weiterhelfen, dadurch kannst du nach einer bestimmten Zeit eine Javascript Funktion aufrufen. In der Funktion brauchst du einfach die restlichen Sekunden bis zum Ende und kannst da dann immer 1 abziehen. Dann musst du das ganze nur noch für die Ausgabe formatieren

Edit:
Da brauchst du dann ein Bild von dem Hund und darüber legst du dann <div>, <img> oder soetwas die die Herzen anzeigen. Bei einem MouseOver löst du dann eine Funktion aus, die das Herz färbt und einen Zähler nach oben setzt. Sind alle Herzen gefärbt leitest du weiter.
Bei den Hassstellen machst du es genauso, nur das du keine Bilder anzeigst, sondern einfach nichts oder ein &nbsp; (Ich glaube mit nichts funktioniert es nicht, deswegen das &nbsp;)

Edit2:
jQuery ist dabei schonmal nicht schlecht, zumindestens kann man damit einfaches Drag&Drop realisieren. Wenn man einfach das Bild einer Leine auf den Hund ziehen muss, dann ist das einfach, wenn die Leine sich aber ausrollen soll oder so, dann weiß ich im moment nicht weiter

Herodius

Hey vielen Dank Megger . Werde mal versuchen, das alles umzusetzen (SELFHTML ist wirklich eine sehr gute Seite ).

Das mit dem Div hat ich mir schon beinahe so gedacht. Habe jetzt aber eine Frage wegen der automatischen Weiterleitung. Dies soll nämlich passieren, sobald man über die Hassstelle fährt. Wie ist das möglich? Ich bin mir da leider nicht sicher .


LG,
Snatsch

Megger

Du kannst ja bei einer Hassstelle (MouseOver) eine Javascript Funktion aufrufen, die direkt weiterleitet.
Dazu ist vielleicht folgender Artikel ganz interessant (es gibt auch ein JavaScript Beispiel) Gute Weiterleitung, böse Weiterleitung (Redirect per Meta-Tag, JavaScript, htaccess und PHP)

Herodius

Hm, okay, scheint doch klar zu sein . Wenn ich also möchte, bei meinen Herzchen onmouseover und zur funktion, müsste das ja so aussehen, nehme ich an:

<img src='blabla.png' onmouseover='javascript:streicheln()' ... > ?

Wie müsste ich denn den Befehl, beispielsweise die Abfrage für den Onmouseover anlegen? Wie das Bildchen sein muss, wenn es nicht mehr rot, sondern rosa ist, also wenn ich prüfen will ob name = herzchen 1 = img src= rosa.png ist? Ginge das so? Ich bin mir ja nicht sicher aber das klingt doch recht plausibel, ausserdem weiss ich nicht, wie ich den Befehl sonst überprüfen könnte.

Ja, dann probier ichs einfach mal und bei Problemen melde ich mich dann wohl einfach .

Megger

Wie die Abfrage genau lautet bin ich auch überfragt, aber selfhtml kann dir bestimmt sagen, wie du auf den Wert von img src zugreifst, dass dann einfach in deine if abfrage packen und fertig.
Sollten dann alle Stellen gestreichelt worden sind, kannst du weiterleiten

Herodius

Danke Megger, für deine Hilfe . Werde es nun mal versuchen, ob es klappt.


LG,
Herodius

Megger

Hi

Gibt es schon Ergebnisse? Interessiert mich ob es funktioniert hat oder nicht oder ob noch irgendwelche Grundlegenden Anpassungen vorgenommen werden mussten