Gamux Game Entwicklung  
     

Left Nav Mit Facebook verbinden Registrieren Lexikon Lexikon Interessengemeinschaften Suchen Heutige Beiträge Alle Foren als gelesen markieren Right Nav

Left Container Right Container
 
Alt 20.04.2010, 16:06   #11 (permalink)
Erfahrener Benutzer
 

Standard

Du solltest dir Mal jQuery angucken. Das ist meiner M;einung nach, die beste JavaScript Biblothek, wo es viele Addons für einzelne Probleme gibt.
Beispielsweise Requests können mit Addons sehr elegant gelöst werden.

MfG
Phybot

PS: Es dauert ein bisschen sich in jQuery einzuarbeiten, aber danach ist es wirklich praktisch.

Phybot ist offline   Mit Zitat antworten An Facebook senden
Werbung
Alt 30.05.2010, 09:28   #12 (permalink)
Benutzer
 

Standard

Positive Rückmeldung meinerseits . Ja, teilweise konnte ich es bisher schon umsetzen . Die Weiterleitung und das Streichelsystem ist mir geglückt. So weit dazu. Momentan bin ich aber leider wieder ein bisschen am Verzweifeln.

Ich habe mir jQuery angekuckt, nur leider verstehe ich so gut wie gar nichts (ich bin kein sonderliches Englisch-Ass xD). Wahrscheinlich würde ich es vom Theoretischen sonst schon verstehen. Bei selfhtml habe ich einfach mal ein bisschen rumgekuckt, um mich schlau zu machen aber momentan weiss ich nicht, wie ich das Gewünschte umsetzen kann also frage ich doch einfach mal.

Also ich bin mir zwar nicht sicher aber ich habe beim Streicheln nun mit onclick gearbeitet.

Code:
<a href="#"  onClick="document.images.herz.src='herz2.png';"><img name="herz" src="herz.png" border="0" alt="Herz">
Könnte ich das im gleichen Sinn auch einfach in onmouseover verwandeln? Das man einfach darübergehen muss mit dem Cursor und der Schmutz dann verschwindet? Also generell meine ich nur, ob sich das da gleich anwenden lässt?

Ich hab eigentlich schon eine Idee aber ich bin halt nicht ganz sicher.


LG,
Herodius
Herodius ist offline   Mit Zitat antworten An Facebook senden
Alt 30.05.2010, 16:09   #13 (permalink)
Erfahrener Benutzer
 

Standard

Hier mal etwas wegen jQuery Tutorials - jQuery JavaScript Library

Edit:
Theoretisch sollte das funktionieren was du vorhast

Geändert von Megger (31.05.2010 um 12:52 Uhr).
Megger ist offline   Mit Zitat antworten An Facebook senden
Alt 12.06.2010, 21:51   #14 (permalink)
Benutzer
 

Standard

So, JS muss ich wohl noch ziemlich lernen aber so einigermassen komme ich klar .

Jetzt wollte ich erneut etwas fragen. Und zwar:

Ich möchte, dass man so ein Bild sieht. Egal was für eines. Bspw. ein Weg. Nur ein Weg. Und dann kommt eine Frage, die man beantworten muss. Eine zufällige Frage. Beantwortet man diese Frage richtig, dann ändert sich die Grafik und dieses Mal werden auf dem Weg Fusstritte zu sehen sein. Erstmal nur zwei. Immer mehr Fragen und plötzlich haben die Füsse den ganzen Weg zurückgelegt (ich weiss, dass da mehrere Grafiken gebraucht werden ). Wie könnte ich das umsetzen? Mit Javascript nehme ich mal stark ein. Also ich denke mal, dass man da bei Javascript immer nachprüft, ob die Antwort der Frage korrekt ist. Dann überprüft man die Grafik, ob sie schon evtl... ende.png ist oder so was .

Keine Ahnung, ich bin da selbst nicht sicher :/. Hätte mir da jemand einen Vorschlag, wie ich das umsetzen könnte?
Herodius ist offline   Mit Zitat antworten An Facebook senden
Alt 13.06.2010, 17:54   #15 (permalink)
Benutzer
 

Standard

Okay, weil momentan niemand antwortet, dachte ich mir, dass ich einfach sage, was ich mir so denke.

Ich dachte mir, dass ich eine while-Schleife benutze, die eine Eingabe verlangt. Wenn die Eingabe falsch ist, bricht die Schleife ab, wenn sie richtig ist, gehts weiter. Wie das geht weiss ich auch, nur lässt sich PHP äusserst schwer mit Javascript verbinden und ich möchte nicht immer die gleiche Frage verwenden. Wieso genau dann immer die gleiche Frage käme? Joahr halt, weil ich die Frage aus der Datenbank abrufe. Das Problem ist halt, dass ich möchte, dass sich die Grafik ändert und das ist halt ein bisschen heikel. Sonst könnte ich es ja generell mit PHP alleine machen. Wie gesagt soll sich die Grafik ändern. Ist ja der Weg mit den Tritten, die immer weiter fortschreiten pro beantwortete Frage.

Joahr am besten natürlich lässt sich das mit einer while-Schleife umsetzen aber was muss ich noch hinzufügen für die Grafik? Kann mir da jemand helfen :/ ?
Herodius ist offline   Mit Zitat antworten An Facebook senden
Alt 13.06.2010, 22:22   #16 (permalink)
Erfahrener Benutzer
 

Standard

Meine Ideen:
- Pro Fortschritt ein Bild (ist besser als die Fußspuren mit CSS auf einem Bild zu platzieren)
- Frage per AJAX vom Server holen
- Antwort nicht im Javascript Code hinterlegen (Kann man auslesen)
- Antwort wieder per AJAX an den Server senden

Und wegen der Änderung der Grafik:
Das hast du doch schon mit den Herzen gemacht? Ist doch im Grunde genommen nichts anderes!

Bei der While Schleife aufpassen, dass du keine Endlosschleife programmierst.

Hast du dir schon jQuery angeschaut? Damit sollte sich dass ohne Probleme lösen lassen, auch AJAX ist ohne Probleme möglich.
Megger ist offline   Mit Zitat antworten An Facebook senden
Alt 16.06.2010, 11:27   #17 (permalink)
Benutzer
 

Standard

Okay, ich habe mir ein paar Ajaxtutorials angekuckt. Bin aber irgendwie noch nicht weiter.

Im Grunde genommen muss ich jetzt also die Whileschleife nehmen und mit Ajax die Fragen vom Server holen (schon hier kriege ich Bedenken ob ich sicher weiss, wie ich das mache :/). Immer wieder wiederholt sich der Vorgang, bei dem eine Frage gestellt wird, bis das Bild vollständig ist (das ist eigentlich klar). Mit Javascript ändere ich das Bild und überprüfe, ob es = ende.png ist oder so was (da muss ich ja, wie du gesagt hast, einfach den Code vom Streicheln ändern...). Ich bin nicht ganz sicher, ob ich weiss, wie das geht. Also mit ++ kann ich ja die Schritte zusammenrechnen. Es beginnt bei 1 und nimmt dann immer 1 + pro Schritt, den ich machen kann.

Puh... ganz schön viel, an das ich denken muss :/.

Geändert von Herodius (16.06.2010 um 11:29 Uhr).
Herodius ist offline   Mit Zitat antworten An Facebook senden
Alt 16.06.2010, 16:23   #18 (permalink)
Erfahrener Benutzer
 

Standard

Hier mal ein kleines Beispiel mit JQuery
Code:
function getQuestion() {
$.ajax({
type: "GET", url: "question.php", dataType: "xml", success: handleResponse
});
} function handleResponse(data) {
$('#question').html($('question',data).text()); $('#questionid').val($('questionid',data).text());
} function sendAnswer() {
$.ajax({
type: "GET", url: "answer.php", data: "questionid=" + encodeURIComponent($('#questionid').val()) + "answer=" + encodeURIComponent($('#answer').val()), dataType: "xml", success: handleAnswerResponse
});
} function handleAnswerResponse(data) {
if($('info',data).text()=='right') {
if(EndeNochNichtErreicht == true) {
//Mehr Fußspuren getQuestion();
} else {
//Was auch immer dann passiert
}
} else {
//Frage falsch beantwortet //Was auch immer dann passiert
}
}
Im HTML Code brauchst du dann ein Element indem du die Frage anzeigst:
HTML-Code:
<div id="question"></div>
<form action="index.php" method="POST">
<input name="questionid" id="questionid" type="hidden" />
<input name="answer" id="answer" type="text" />
<input type="button" onClick="javascript:sendAnswer()" />
</form>
<script type="text/javascript">
//Erst ausführen, wenn alles geladen ist
$(document).ready(function() {
getQuestion();
}
</script>
Beachte die id des divs und das $('#question') im Javascript Code

Nun brauchst du noch die Question.php
PHP-Code:
header('Content-type: text/xml;charset=UTF-8');
echo 
"<xmlresponse>\n";

//Zufällige Frage aus der Datenbank holen

echo "<questionid>".$row['id']."</questionid>";
echo 
"<question>".$row['question']."</question>";

echo 
"</xmlresponse>\n"
Beachte das <question> und $('question',data) aus dem Javascript Code.

Und die Answer.php
PHP-Code:
header('Content-type: text/xml;charset=UTF-8');
echo 
"<xmlresponse>\n";

//SQL Abfrage ob die gegebene Antwort die richtige zur Frage ist (Frage kann über die ID abgefragt werden)

if(richtig) {
echo 
"<info>right</info>";} else {
echo 
"<info>false</info>";}

echo 
"</xmlresponse>\n"
Nun hast du schonmal eine Grundlage mit JQuery und AJAX (ohne JQuery sieht es komplizierter aus)
Die zusätzliche ID übergebe ich, damit man die Frage einfacher identifizieren kann.

Solltest du Fragen mit vorgegebenen Antwortmöglichkeiten haben, dann würde ich diese in der Datenbank so abspeichern, dass die erste Antwort immer die richtige ist, so sparst du dir ein zusätzliches Feld in der Datenbank, darfst allerdings das durcheinanderwürfeln der Antworten vor der Ausgabe nicht vergessen

Noch eine kleine Anmerkung:
Ich habe alles aus dem Kopf geschrieben, deswegen bin ich mir nicht 100% sicher, ob es ohne Probleme so funktioniert, vielleicht müssen noch ein paar Stellen angepasst werden. Ich hoffe ich konnte dir weiterhelfen.

Und Außerdem: Eine While Schleife wird nicht benötigt, da der User ja eine Eingabe macht und du dadurch immer wieder abfragen kannst ob es vorbei ist oder nicht
Megger ist offline   Mit Zitat antworten An Facebook senden
Alt 29.06.2010, 19:03   #19 (permalink)
Benutzer
 

Standard

Vielen Dank, dass du dir die Mühe gemacht hast . Sieht an sich recht logisch aus. Muss mich da noch ein bisschen reinarbeiten, dann sollte das schon gehen =). Vielen Dank.


LG,
Herodius
Herodius ist offline   Mit Zitat antworten An Facebook senden
Antwort

Themen-Optionen
Ansicht

Forumregeln
BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Das beste JavaScript/AJAX Framework Eckart Clientseitige Sprachen 1 09.02.2008 15:31


Alle Zeitangaben in WEZ +2. Es ist jetzt 06:21 Uhr.


Style Copyright by Wrestling Forum
Content Relevant URLs by vBSEO 3.3.0