✔ Jquery Foto Rating

[latinum_1982]

Hallo
ich versuche sind ein paar wochen ein jquery Rating script zu erstellen aber ich komm irgenwie nicht mehr weiter hoff um eure hilfe

die fotos werden von der sql geladen mit

function loadpage() {
	$('#ausgabeDiv').html('<center><img src="img/loader7.gif" width="220" height="19" /></center>');
    $('#ausgabeDiv').load("api/load_rate.php");
}

die php datei schau so aus

session_start();
include('****/db_conf.php');

		$status = 'active';
        $sql = 'SELECT	
						id,
                        foto
                FROM
                        user_rate_photos
				WHERE
						photo_status = ?
                ORDER BY RAND()
				LIMIT 1';
        $stmt = $db->prepare($sql);
		$stmt->bind_param('s', $status);
        $stmt->execute();
        $stmt->bind_result($id, $foto);
        while($stmt->fetch()) {
						
			echo '<center><img src="user_rating_photos/';
			echo $foto;
			echo '" width="450" height="450"></center>';
		
		}
		return true;

ich möchte eine punkte bewertung von 1 bis 10 aber hab keine plan wie ich die daten in die sql schreiben soll

das ist die html datei was ich konzepiert habe

	<ul class="rating">
		<li><a href="#" onclick="getrate(1)">1</a></li>
		<li><a href="#" onclick="getrate(2)">2</a></li>
		<li><a href="#" onclick="getrate(3)">3</a></li>
		<li><a href="#" onclick="getrate(4)">4</a></li>
		<li><a href="#" onclick="getrate(5)">5</a></li>
		<li><a href="#" onclick="getrate(6)">6</a></li>
		<li><a href="#" onclick="getrate(7)">7</a></li>
		<li><a href="#" onclick="getrate(8)">8</a></li>
		<li><a href="#" onclick="getrate(9)">9</a></li>
		<li><a href="#" onclick="getrate(10)">10</a></li>						
	</ul>

und die jquery

function getrate(id){
	$.jGrowl('Anfrage Okey<br>Punkte : ' + id, { header: 'OKEY' });
	
	loadpage();
}

ich vermute ich muss die foto id separat laden und mit der function getrate(id) per ajax in die sql speichern oder?
ich hab keine idee wie ich die foto id in die function getrate() bringen soll

 

[latinum_1982]

so hab das jetzt mal weiter herumprobiert
und jetzt lad ich die daten per json das foto wird richtig angezeit aber denn ich das foto bewerte wird das nächste foto einfach darunter angezeigt

function loadpage() {

$.getJSON('api/load_rate.php', function(data) {
  
	  $.each(data, function(key, val) {

		  id += +val['id'];
		  foto += '<center><img src="user_rating_photos/'+val['foto'] +'" width="450" height="450"></center>'; 
	 
	  }); 
	$('#ausgabeID').prepend(id);  
	$('#ausgabeDiv').prepend(foto);
	});
	
}

 

[crazy_chicken]

HI,

Gib doch direkt die

<li><a href="#" onclick="getrate(1, photo_id)">1</a></li>
<li><a href="#" onclick="getrate(2, photo_id)">1</a></li>

mit PHP aus oder wo ist das Problem. Wenn du ein Photo hast, dann hast du ja auch die ID
etwa so

echo "<li><a href=\"#\" onclick=\"getrate(1,".$row["ID"].")\">1</a></li>";

Oder kannst du das aus irgendwelchem Grund nicht?