Jump to content

span content to mysql


ricmetal

Recommended Posts

you could use ajax

 

first assign the id 'content' to your <span> (<span id="content" contenteditable="true">)

 

 

function addcontent() {

//path to php script to handle post
var path = "PATH_TO_PHP_SCRIPT.php"
//get contents of editable text
var content = document.getElementById("content").innerHTML;

var ajaxRequest;  // The variable that makes Ajax possible!

try{
	// Opera 8.0+, Firefox, Safari
	ajaxRequest = new XMLHttpRequest();
} catch (e){
	// Internet Explorer Browsers
	try{
		ajaxRequest = new ActiveXObject("Msxml2.XMLHTTP");
	} catch (e) {
		try{
			ajaxRequest = new ActiveXObject("Microsoft.XMLHTTP");
		} catch (e){
			// Something went wrong
			alert("Your browser broke!");
			return false;
		}
	}
}
// Create a function that will receive data sent from the server
ajaxRequest.onreadystatechange = function(){

	if(ajaxRequest.readyState == 4){
		var r = ajaxRequest.responseText;
		document.getElementById("content").innerHTML="";		

	}
}
var php = "content="+content;
ajaxRequest.open("POST", path, true);
ajaxRequest.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
ajaxRequest.setRequestHeader("Content-length", php.length);
ajaxRequest.setRequestHeader("Connection", "close");
ajaxRequest.send(php);
}

 

the above code send a post to PATH_TO_PHP_SCRIPT.php (you can change this).  And then clears the text box.

 

The contents of your span are in $_POST['content'] on PATH_TO_PHP_SCRIPT.php;

 

 

YEAH, I THOUGHT ABOUT THAT ID in the span tag.

its cool how stuff come to your mind in your sleep

i came up with this, which works

 

<html>
<body>
<span id='hi' contenteditable='true'>yo</span>
<?php
echo $_REQUEST['id'];
?>
</body>
</html>

 

only thing i need to check is if on submit i can request the changed content, which i should be able to do. much simpler than the ajax if it works

 

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.