Scripts - Tutorials - Forum - Downloads - Showcase - Contact

Artikels

VPN vergelijken

Algemeen

Beginpagina

FAQ

Grafische worm (243)

Links

Nieuwsartikels

Nieuwsarchief

Boeken programmeren

Overzicht

Samenwerken

Webhosting

Zoek op Sitemasters

Leden

Registreren

Ledenlijst

Ons team

Links

webhostingtop10.be

Sociale media

Follow @sitemasters

Sitemasters

Adverteren op Sitemasters?

Contacteer ons

RSS

Link naar ons

Donaties

Poll

Je moet ingelogd zijn om te stemmen.

Statistieken

Linkpartners

Forum

Categorieën > JavaScript

Afbeeldingen taggen

Raze - 31/03/2009 12:50

PHP beginner

Hallo,

ik heb volgend scriptje gemaakt om een afbeelding te taggen (dmv een div). Dit script werkt, maar het probleem is dat ik maar 1 div kan toevoegen. Ik wil dus dat ik dit blijvend kan doen, maar dat de reeds eerder gemaakte divs ook wel zichtbaar blijven.

Nog een bijkomend (klein) probleempje: ik moet de afbeelding dmv docmunt.write opnieuw tonen, anders verdwijnt deze. Is dit normaal of kan is soms iets aan de code van de afbeelding ofzo toevoegen zodat dit niet meer gebeurt?

de code:

javascript code - Bekijk de code zonder highlighting - Klap code in

                <script type="text/javascript">
function mousePlace() {
x = event.offsetX;
y = event.offsetY;
var c = document.nameform.name.value;
var rand = Math.random();

document.write("<img src=\"images/header/header_logo.png\" onclick=\"mousePlace(); return false;\" /><br />");
document.write("<div id=\"" + rand + "\"");
document.write(" style=\"position: absolute; height: 40px;");
document.write(" width: 40px;");
document.write(" top: " + y + "px;");
document.write(" left: " + x + "px;");
document.write(" border: 1px solid; border-color: #000000; z-index: 8;\">" + c + "</div>");
}
</script>

<img src="afbeelding1.gif" onclick="mousePlace(); return false;" />
<form name="nameform" action="Javascript:mousePlace();">
<input type="text" id="name" value="set name" />
</form>

            
<script type="text/javascript">
function mousePlace() {
x = event.offsetX;
y = event.offsetY;
var c = document.nameform.name.value;
var rand = Math.random();
 
document.write("<img src=\"images/header/header_logo.png\" onclick=\"mousePlace(); return false;\" /><br />");
document.write("<div id=\"" + rand + "\"");
document.write(" style=\"position: absolute; height: 40px;");
document.write(" width: 40px;");
document.write(" top: " + y + "px;");
document.write(" left: " + x + "px;");
document.write(" border: 1px solid; border-color: #000000; z-index: 8;\">" + c + "</div>");
}
</script>
 
<img src="afbeelding1.gif" onclick="mousePlace(); return false;" />
<form name="nameform" action="Javascript:mousePlace();">
<input type="text" id="name" value="set name" />
</form>
 

3 antwoorden

Gesponsorde links

Rik - 31/03/2009 18:08
Crew algemeen		Ik zou deze tutorial eens lezen: http://www.howt.../dombasics Daarin wordt uitgebreid uitgelegd hoe je het beste het document object model in javascript kunt gebruiken. document.write heeft in sommige browsers soms de neiging om heel stukken content te overschrijven.

Raze - 01/04/2009 14:50 (laatste wijziging 01/04/2009 14:51)

PHP beginner

ik heb de tutorial eens doorgenomen maar ik vind het nogal moeilijk uitgelegd (maar kan aan mij leggen)

hoe dan ook, ik heb mijn code aangepast, en heb er php aan toegevoegd.

script.jsp

javascript code - Bekijk de code zonder highlighting - Klap code in

                function setName() {
var c = document.Insert_div.name.value;

with (document.Insert_div){
    div_tag.value = c;
	}
}

function mousePlace() {
var rand = Math.random();
var top = event.offsetY;
var left = event.offsetX;

with (document.Insert_div){
	Left.value = left;
    Top.value = top;
	}
}


            
function setName() {
var c = document.Insert_div.name.value;
 
with (document.Insert_div){
    div_tag.value = c;
	}
}
 
function mousePlace() {
var rand = Math.random();
var top = event.offsetY;
var left = event.offsetX;
 
with (document.Insert_div){
	Left.value = left;
    Top.value = top;
	}
}
 

index.php

php code - Bekijk de code zonder highlighting - Klap code in

<?php
 mysql_connect("localhost", "root", ""); 
    mysql_select_db("db_1"); 
	
	if(isset($_POST['submit'])) {
		if(!empty($_POST['div_tag'])) {
			$left = $_POST['Left'];
			$top = $_POST['Top'];
			$name = $_POST['div_tag'];
			$query="INSERT INTO tag ('left','top','name') VALUES ('".$left."','".$top."','".$name."')";   
			mysql_query($query) or die (mysql_error());
			} else { 
			$error_name = "Vul een naam in"; 
			}
	} else { }

?>

<script type="text/javascript" src="script.jsp"></script>

<img src="afbeelding001.gif" width="500" height="300" onclick="mousePlace(); return false;" />

<form name="Insert_div" id="Insert_div" method="post" action="<?php $_SERVER['PHP_SELF']; ?>">
<input type="text" id="name" name="name" onkeyup="Javascript:setName();"/>
<label>Left:</label><input type="text" id="Left" name="Left" />
<label>Top:</label><input type="text" id="Top" name="Top" />
<label>Tagged:</label><input type="text" id="div_tag" name="div_tag" /><?php echo $error_name; ?>
<input type="submit" id="submit" name="submit" value="opslaan" />
</form>

<?php
 mysql_connect("localhost", "root", ""); 
    mysql_select_db("db_1"); 
 
	if(isset($_POST['submit'])) {
		if(!empty($_POST['div_tag'])) {
			$left = $_POST['Left'];
			$top = $_POST['Top'];
			$name = $_POST['div_tag'];
			$query="INSERT INTO tag ('left','top','name') VALUES ('".$left."','".$top."','".$name."')";   
			mysql_query($query) or die (mysql_error());
			} else { 
			$error_name = "Vul een naam in"; 
			}
	} else { }
 
?>
 
<script type="text/javascript" src="script.jsp"></script>
 
<img src="afbeelding001.gif" width="500" height="300" onclick="mousePlace(); return false;" />
 
<form name="Insert_div" id="Insert_div" method="post" action="<?php $_SERVER['PHP_SELF']; ?>">
<input type="text" id="name" name="name" onkeyup="Javascript:setName();"/>
<label>Left:</label><input type="text" id="Left" name="Left" />
<label>Top:</label><input type="text" id="Top" name="Top" />
<label>Tagged:</label><input type="text" id="div_tag" name="div_tag" /><?php echo $error_name; ?>
<input type="submit" id="submit" name="submit" value="opslaan" />
</form>

ik krijg nu de volgende foutmelding:
You have an error in your SQL syntax; check the manual that corresponds to your MySQL server version for the right syntax to use near ''left','top','name') VALUES ('357','19','zqd')' at line 1

wat is er fout aan mijn code?

Raze - 01/04/2009 14:50 (laatste wijziging 01/04/2009 14:52)
PHP beginner		sorry ik plaatste mijn bericht per ongeluk 2 keer na mekaar.

Gesponsorde links

Dit onderwerp is gesloten.

Actiefste leden van de maand

Actieve forumberichten