PDA

Archiv verlassen und diese Seite im Standarddesign anzeigen : [S] Progger - AJAX


Gremlin
18.03.2009, 00:47
Hallo,
ich suche einen Programmierer der mir arbeiten abnehmen kann, ich lege besonderen Wert auf Qualität. Es geht um die Erstellung einiger Ajax Applikationen auf basis der bereits vorhandenen JS Library jQuery (http://jquery.com/)

Derzeit brauche ich folgendes:
- Ajax Star Rating + Comments
Also die User haben ein Formular wo sie bestimmte Sachen bewerten können (mit Sternen), sowie einen Kommentar abgeben können, die benötigten Backends in PHP schreibe ich selbst. Fallback sollte unbedingt vorhanden sein!

Preis: VHB (genug vorhanden :wink:)
Gremlin
19.03.2009, 19:44
Niemand? Zahle schnell und gut :yes:
schulz3000
19.03.2009, 23:23
Warum nimmst du für das Rating nicht eines der zahlreich vorhandenen Plugins für jQuery?

Wenn etwas neues programmiert werden soll wie soll das mit den Ratings dann umgesetzt werden? Als jQuery Plugin oder einfach ein paar lose Funktionen auf jQuery-Basis?

Was genau muss bei den Comments mit jQuery umgesetzt werden? Nur das Senden an den Server?

Was meinst du mit Fallback?
Gremlin
19.03.2009, 23:40
Das Rating ist ja mit an das Formular geknüpft, weshalb ein Addon auch dort umgeschrieben werden müsste wofür ich derzeit keine Zeit habe.

Fallback: Wenn der User Javascript deaktiviert hat, soll das automatisch erkannt werden und das Formular "auf normalem Wege" abgesendet werden. Die Sterne in diesem Fall durch Checkboxen oder select ersetzt werden usw.

Nachdem das Formular abgeschickt wurde, sollte anstelle des Formulares sollte bei Rückgabe "true" von meinem script, Erfolgsmeldung kommen, ansonsten das Formular angezeigt bleiben mit entsprechender Fehlermeldung.
h-m
20.03.2009, 02:11
Vielleicht hilft Dir das hier ja schon mal weiter... ich weiss nicht ob Du noch mehr brauchst als das nackte Formular mit dem Header was das ganze dann an comment.php sendet.

Star Rating
Das jQuery Star Rating Plugin v3.00 (http://www.fyneworks.com/jquery/star-rating) sollte aus Radioboxen Sterne machen können.
Du hast ein Formular mit mehreren nebeneinanderstehenden Radioboxen für das Rating. Wenn nun das Plugin geladen wird (das passiert ja nur wenn JS aktiviert ist) und den Radioboxen die Klasse star gegeben wird, werden die Radioboxen durch Sterne ersetzt. Wenn JS deaktiviert ist wird das Formular ganz normal angezeigt.
Demos sind auf der verlinkten Webseite.
Unter die Radioboxen ein Textarea für den Kommentar setzen.
Hört sich ja einfach an, hab ich aber noch nicht ausprobiert.

AJAX Submit
Jetzt fehlt aber noch der Mechanismus für das Absenden des Formulars mit jQuery. Das könnte das jQuery Form Plugin (http://www.malsup.com/jquery/form/) erledigen...

Beispiel
Ich hab mal kurz das Beispiel des jQuery Form Plugins um die Radioboxen für das Rating erweitert, habe ich aber nicht getestet:


<html>
<head>
<script type="text/javascript" src="path/to/jquery.js"></script>
<script type="text/javascript" src="path/to/jquery.form.js"></script>
<script type="text/javascript" src="path/to/jquery.rating.js"></script>

<script type="text/javascript">
// wait for the DOM to be loaded
$(document).ready(function() {
// bind 'myForm' and provide a simple callback function
$('#myForm').ajaxForm(function() {
alert("Thank you for your comment!");
});
});
</script>
</head>

<body>
<form id="myForm" action="comment.php" method="post">
<input name="star1" type="radio" class="star"/>
<input name="star1" type="radio" class="star"/>
<input name="star1" type="radio" class="star"/>
<input name="star1" type="radio" class="star"/>
<input name="star1" type="radio" class="star"/>
Kommentar: <textarea name="comment"></textarea>
<input type="submit" value="Submit Comment" />
</form>
</body>
</html>
wenn 1. Radiobox "checked" => ein Stern
wenn 2. Radiobox "checked" => zwei Sterne
usw. dann müsste das Formular halt von einer PHP-Datei generiert werden, die das gemachte Rating aus der DB abruft und bei der entsprechenden Radiobox das checked ausgibt.

<? /* $rating = ... hier PHP-Code fürs Abrufen des gemachten Ratings einfügen */ ?>
<input name="star1" type="radio" class="star"/>
<input name="star1" type="radio" class="star"<?=($rating==1?' checked':'')?>/>
<input name="star1" type="radio" class="star"<?=($rating==2?' checked':'')?>/>
<input name="star1" type="radio" class="star"<?=($rating==3?' checked':'')?>/>
<input name="star1" type="radio" class="star"<?=($rating==4?' checked':'')?>/>

Gruß, h-m