hobielasseel
Gebruiker
- Lid geworden
- 10 apr 2011
- Berichten
- 142
Dag allemaal
ik ben sinds kort bezig met ajax en probeer het volgende te doen.
Het opvragen van de gegevens en weergeven lukt, maar enkel in een gewone textarea de jquery(javascript code) nodig om een textarea om te vormen tot een ckeditor wordt niet uitgevoerd in de ajax request.
Na wat opzoekingswerk ben ik te weten gekomen dat dit kan opgelost worden met de functie eval().
Heb hier al van alles mee geprobeerd maar ik doe steeds iets fout waardoor het niet werkt.
Hieronder heb ik de code geplaatst, zonder enig gebruik van de eval functie.
Via onderstaande link zien jullie het resultaat van deze codehttps://tlindeken.be/intranet/editor
Ik hoop dat jullie mij kunnen helpen
Alvast bedankt
editor.php
Selectedpage.php
ik ben sinds kort bezig met ajax en probeer het volgende te doen.
- Gegevens opvragen uit een mysql-database met ajax
- deze weergeven in ckeditor
- terug opslaan van de data na bewerking
Het opvragen van de gegevens en weergeven lukt, maar enkel in een gewone textarea de jquery(javascript code) nodig om een textarea om te vormen tot een ckeditor wordt niet uitgevoerd in de ajax request.
Na wat opzoekingswerk ben ik te weten gekomen dat dit kan opgelost worden met de functie eval().
Heb hier al van alles mee geprobeerd maar ik doe steeds iets fout waardoor het niet werkt.
Hieronder heb ik de code geplaatst, zonder enig gebruik van de eval functie.
Via onderstaande link zien jullie het resultaat van deze codehttps://tlindeken.be/intranet/editor
Ik hoop dat jullie mij kunnen helpen
Alvast bedankt
editor.php
PHP:
<!DOCTYPE html>
<html>
<head>
<!-- jQuery -->
<script src="bower_components/jquery/dist/jquery.min.js"></script>
<!-- CKeditor -->
<script src="../ckeditor/ckeditor.js"></script>
<script src="../ckeditor/adapters/jquery.js"></script>
<script>
function loadeditor()
{
var xmlhttp;
if (window.XMLHttpRequest)
{// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();
}
else
{// code for IE6, IE5
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange=function()
{
if (xmlhttp.readyState==4 && xmlhttp.status==200)
{
var diveditor = document.getElementById("diveditor");
diveditor.innerHTML = xmlhttp.responseText;
}
}
xmlhttp.open("GET","selectedpage.php?id=1",true);
xmlhttp.send();
}
</script>
</head>
<body>
<div id="diveditor"><!-- div waar de editor moet verschijnen --></h2></div>
<button type="button" onclick="loadeditor()">Change Content</button>
</body>
</html>
PHP:
<?php
include_once("includes/mysqlconnection.php");
$sql = "SELECT id, titel, tekst FROM site_inhoud WHERE id = '".$mysqli->real_escape_string($_GET["id"])."'";
if(!$result = $mysqli->query($sql)){
trigger_error('Fout in query: '.$mysqli->error);
}
else{
$row = $result->fetch_assoc();
?>
<h3>Pagina <?php echo htmlentities($row['titel']); ?> wijzigen </h3>
<form method="post">
<label for="userid" style="display: none;">Userid:</label><input name="id" type="text" style="display:none;" value="<?php echo htmlentities($row['id']);?>"/>
<label for="titel">Titel van de pagina:</label><input name="titel" type="text" value="<?php echo htmlentities($row['titel']);?>" required class="form"/>
<textarea name="editor" id="editor" rows="100" cols="250">
<?php
echo htmlentities($row['tekst']);
?>
</textarea>
<script>
var roxyFileman = 'fileman/index.html';
$(function() {
CKEDITOR.replace( 'editor',{filebrowserBrowseUrl:roxyFileman,
filebrowserImageBrowseUrl:roxyFileman+'?type=image',
removeDialogTabs: 'link:upload;image:upload'});
});
</script>
</form>
<?php
}
?>