Kjøre INSERT INTO - mysql med ajax/javascript?

[Wackamole]

Hei

 

Jeg lurer på hvordan jeg kan kjøre en query inni en javascript/ajax kode, med parametere som blir satt i en javascript kode.

 

<script type="text/javascript">
 tipmage.onInsert = function (identifier,posx,posy,width,height,text) {
	 //Her skal det kjøres mysql query, med parameterne fra onInsert
 };
</script>

 

Er det noen der ut som kan hjelpe meg?

 

-Famen

[Danny92]

Funker dette? Har ikke så peiling på java script:

 

<script type="text/javascript">
 tipmage.onInsert = function (identifier,posx,posy,width,height,text) {
</script>

<?php
	 //Her skal det kjøres mysql query, med parameterne fra 
?>

<script type="text/javascript">
onInsert
 };
</script>

 

Bare datt nedi hode mitt Funker jo med php, så kanskje det funker med javascript og..

Endret 21. august 2008 av Danny92

[Wackamole]

Niks, det funker ikke

[Jonas]

Man kjører ALDRI queries med javascript. Det du må gjøre er å sendte et request med data, hvor et PHP-script gjør spørringen. Ajax er for øvrig utrolig enkelt med jQuery. (Google it)

 

<script type="text/javascript">
tipmage.onInsert = function (identifier,posx,posy,width,height,text) {
	var vars = {
		identifier: identifier,
		posx: posx,
		posy: posy,
		width: width,
		height: height,
		text: text
	};
	$.get('http://..', vars, function(response){
		alert(response);
	});
};
</script>

[Wackamole]

Tusen hjertelig Jonas, så på koden din, og la den inn.. gjorde mine modifikasjoner til den.. men den fungerer dessverre ikke!

 

Her er koden jeg har til nå:

<link href="tagging_css.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="tagging.js"></script>
<img src="image.jpg" id="mainImage" />
<script type="text/javascript">
 var tipmage = new Tipmage('mainImage', true);
 tipmage.startup();
tipmage.onInsert = function (identifier,posx,posy,width,height,text) {
	var vars = {
		identifier: identifier,
		posx: posx,
		posy: posy,
		width: width,
		height: height,
		text: text
	};
	$.get('http://localhost/ungdom1/tagging_query.php', vars, function(response){
		alert(response);
	});
};
</script>

 

Er litt usikker på hvordan jeg henter ut variablene i tagging_query.php, så hvis du har en bra måte, kan du fortelle meg hvordan ?

 

-Famen

Endret 21. august 2008 av Famen

[Epower]

$_GET kanskje?

[Jonas]

Hva med å poste feilmeldingen? De fleste nettlesere har en feilmeldings-console.

 

Jeg er sikker på at du bare ikke har innkludert jQuery-bibloteket. Og ja, variablene henter du ut med get.

 

<script src="http://code.jquery.com/jquery-latest.js">

Endret 21. august 2008 av Jonas

[Wackamole]

Ja seff jonas, tusen hjertelig skal du ha... funker nå

 

men det er et annet problem, jeg får et linje skift som jeg ikke forstår meg helt på

 

koden jeg har nå:

<link href="tagging_css.css" rel="stylesheet" type="text/css" />
<script src="jquery.js"></script>
<script type="text/javascript" src="tagging.js"></script>
<img src="image.jpg" id="mainImage" />
<?php
include_once("db_connect.php");
$sql = "SELECT * FROM bilde";
$query = mysql_query($sql) or die ('ERROR:' . mysql_error());
while($row = mysql_fetch_array($query)){
	$sql_posx = $row['posx'];
	$sql_posy = $row['posy'];
	$sql_width = $row['width'];
	$sql_height = $row['height'];
	$sql_tekst = $row['text'];
}
// $tipmage_settooltip = "tipmage.setTooltip($sql_posx,$sql_posy,$sql_width,$sql_height, '$sql_tekst');";
?>
<script type="text/javascript">
 var tipmage = new Tipmage('mainImage', true);
 tipmage.startup();
 //<?php echo $tipmage_settooltip; ?>
tipmage.onInsert = function (identifier,posx,posy,width,height,text) {
	var vars = {
		identifier: identifier,
		posx: posx,
		posy: posy,
		width: width,
		height: height,
		text: text
	};
	$.get('http://localhost/ungdom1/tagging_query.php', vars, function(response){
		alert(response);
	});
};
</script>

 

Og dette er det jeg får i kildekoden:

<link href="tagging_css.css" rel="stylesheet" type="text/css" />
<script src="jquery.js"></script>
<script type="text/javascript" src="tagging.js"></script>
<img src="image.jpg" id="mainImage" />
<script type="text/javascript">
 var tipmage = new Tipmage('mainImage', true);
 tipmage.startup();
//  tipmage.setTooltip(360,211,50,50, 'hahaha
//');   tipmage.onInsert = function (identifier,posx,posy,width,height,text) {
	var vars = {
		identifier: identifier,
		posx: posx,
		posy: posy,
		width: width,
		height: height,
		text: text
	};
	$.get('http://localhost/ungdom1/tagging_query.php', vars, function(response){
		alert(response);
	});
};
</script>

 

EDIT:

UTHEVET tekst funker vist ikke i kode spoilern: jeg har "kommentert" de to linjene i kildekoden som det ikke skal være linjeskift.

og de linjene i php koden som skriver dette ut

 

EDIT2: Sorry jeg som hadde gjort feil med formateringen i databasen.

Endret 21. august 2008 av Famen