[JavaScript] Radiobutton via IMG

Dieses Thema im Forum "Webentwicklung" wurde erstellt von master2005, 26. April 2010 .

  1. 26. April 2010
    Radiobutton via IMG

    Hallo @ all

    ich würde gerne ein Bewertungsscript basteln wobei man dann bei der Bewertung 5 Sterne sieht und wenn man mit der Mouse drüber fährt die sich farbig verändern und wenn man sie anklickt z.B. 3 Sterne das die erste 3 sterne zb aktiv sind und ich das per form weiter geben kann....

    So zb wie bei holidaycheck.... google spuckt mir nichts richtiges aus wo ich nur die IMG´s habe

    Oder wie bei qype.com

    Screen:

    http://nikonizer.yfrog.com/Himg689/...filename=unbenanntbxy.jpg&xsize=640&ysize=640
     
  2. 26. April 2010
    AW: Radiobutton via IMG

    hab das so:

    PHP:
    //überflüssiger code entfernt
    // $id = bspw. ID des produktes das bewertet werden soll
    $bewertung  0 ;
    while(
    $bewertung + 6 ){
              
    $i  $bewertung + 1 ;
               echo 
    '<a href="bewerten.php?id=' . $id . '&wert=' . $i . '"><img src="images/star_empty.png" border="0" alt="Stern" /></a>' ;
               
    $bewertung ++;
          }
     
  3. 26. April 2010
    AW: Radiobutton via IMG

    Es geht ja nicht um die verarbeitung sondern um das klicken der Sterne....<<< IMG

    Ich will das man zb 3 von 5 sterne anklickt und die farbig bleiben
     
  4. 26. April 2010
    AW: Radiobutton via IMG

    Naja, wenn man jetzt mit 3 Sternen bewertet:
    dann klickt man auf den 3ten Stern, der leitet dich weiter auf die bewerten.php. In der Datei lässt du dann die 3 in deine DB eintragen.

    Wenn du jetzt die Bewertung sehen willst, frägst du die 3 aus der Datenbank ab. Machst eine Schleife die von 0<3 zählt, dort lässt du die vollen Sterne anzeigen und dann eine 2te Schleife die von 3<=5 geht, sofern du 5 sterne hast, und dort lässt du die leeren Sterne anzeigen.
     
  5. 26. April 2010
    AW: Radiobutton via IMG

    Starbox - Rating stars for prototype

    AJAX Rating Stars Demo
     
  6. 26. April 2010
    AW: Radiobutton via IMG

    Ich möchte aber das man das direkt optisch sieht wieviel sterne man vergibt....

    Wenn ich über den 2 stern mit der Maus fahre sollen die ersten beiden Sterne ihre Farbe ändern. Fahre ich über den 5. bzw. klicke Ihn an sollen alle 5 Ihre Farbe (bzw. das IMG) sich ändern.

    Weil nach dieser Sterne vergabe geht es ja weiter mit dem Formular schriftliche Bewertung usw.
     
  7. 26. April 2010
    Zuletzt von einem Moderator bearbeitet: 14. April 2017
    AW: Radiobutton via IMG

    No File | xup.in

    Musst das noch anpassen halt auf background-image anstatt Farbe..
    Abschicken musste das ganze dann allerdings mit AJAX und jQuery..
    Weil es gibt soweit ich weiß keine Möglichkeit ein Bild in einem Formular zu verwenden, außer zum abschicken!
    Oder du machst es auf eine unkonventionelle Art und lässt dann beim klicken die Variable max+1 in ein unsichtbares Textfeld schreiben und liest diese dann als Anzahl der Sterne beim Abschicken daraus aus und schreibst sie in die DB...
    So haben die bei qype das auch gemacht....
    Wobei das mit AJAX schicker aussieht

    MfG
     
  8. Video Script

    Videos zum Themenbereich

    * gefundene Videos auf YouTube, anhand der Überschrift.