Hi I had used TinyMCE in my code single page code to upload data into server using TinyMCE. My Code is as follows, this is the add.php page :
<?php
$msg="";
include("config.php");
if($_POST['title']!= ""){
$title= $_POST['title'];
$words= $_POST['words'];
$words= stripslashes($words);
if (!$title)
{
$msg="Please Enter Title";
} elseif (!$words)
{
$msg="Please enter the Blog";
}
$query= mysql_query("INSERT INTO editor (title, content) VALUES ($title, $words)") or die (mysql_error());
$msg="Success!";
}
?>
<! DOCTYPE html>
<html>
<head>
<title>Add New Blog</title>
<script type="text/javascript" src="jquery-1.11.0"></script>
<script type="text/javascript" src="tinymce.min"></script>
<script type="text/javascript" src="jquery.tinymce.min"></script>
</head>
<body>
<div>
<p><b>Add a New Blog</b></p>
<form action="add.php" method="post">
Title of the Blog :
<br/>
<input type="text" name="title"></input>
<br/>
Your Blog :
<br/>
<textarea name="words" class="tinymce" cols="30" rows="10"></textarea>
<br/>
<input type="submit" value="submit"/> <?php echo $msg; ?>
</form>
</div>
</body>
</html>
My Textarea is displayed as a normal textarea, the data is also not going into the Database.
The config.php file is for Database connection and it is working fine, I checked it.
Please help, Thanks in advance.
<! DOCTYPE html>
<html>
<head>
<title>Add New Blog</title>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
<script type="text/javascript" src="http://tinymce.cachefly.net/4.0/tinymce.min.js"></script>
<script>
tinymce.init({
selector: "textarea"
});
</script>
</head>
<body>
<div>
<p><b>Add a New Blog</b></p>
<form action="add.php" method="post">
Title of the Blog :
<br/>
<input type="text" name="title"></input>
<br/>
Your Blog :
<br/>
<textarea name="words" class="tinymce" cols="30" rows="10"></textarea>
<br/>
<input type="submit" value="submit"/> <?php echo $msg; ?>
</form>
</div>
</body>
</html>
You forgot to add extension in linked script file
<script type="text/javascript" src="jquery-1.11.0.js"></script>
<script type="text/javascript" src="tinymce.min.js"></script>
<script type="text/javascript" src="jquery.tinymce.min.js"></script>
Check this Sample Demo
I think you are added two TinyMCE library so it's may be conflict problem. So please update only this two library
I am add only 2 library
JQuery Library - http://code.jquery.com/jquery-1.11.0.min.js
TinyMCE Library - http://tinymce.cachefly.net/4.0/tinymce.min.js
And In your Header add this script
<script>
tinymce.init({
selector: "textarea"
});
</script>
try now its work.
Related
I am new to web development, and have encountered a problem with jquery and php. Having trouble calling a php file with jquery through xampp using a simple GET and POST a http request. Any help would be greatly appreciated. Thank you!
<?php
$name=$_POST['name'];
if($_POST['name']!=""){
echo 'Shalom'.$name;
}else{
echo 'Enter name';
}
?>
<!DOCTYPE html>
<html>
<head>
<title></title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
</head>
<body>
<input type="text" id="name" placeholder="Name"/>
<button id="button">Submit</button>
<div class="response"></div>
<script type="text/javascript">
$('#button').click(function(){
var name=$('#name').val();
$.post('jquery post http request.php',{name:name},function(response,status,xhr){
$('.response').text(response);
});
});
</script>
</body>
</html>
I'm trying to use TinyMCE 4.1.4 in my php page but I didn't succeed, I did include the path of TinyMCE but when I execute the script it gives me simple text area, I don't know what's the problem.
<html>
<head>
<script type="text/javascript" src="js/tinymce/tinymce.min.js"></script>
<script type="text/javascript">
tinymce.init({
selector: "textarea"
});
</script>
</head>
<body>
<form method="post">
<textarea ></textarea>
</form>
</body>
</html>
Works fine here jsFiddle Demo
Try to include your code inside ready function before that include jQuery library as well so your full code should be :
<script src="http://code.jquery.com/jquery-1.10.2.js"></script>
<script type="text/javascript" src="http://tinymce.cachefly.net/4.1/tinymce.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
tinymce.init({
selector: "textarea"
});
});
</script>
</head>
<body>
<form method="post">
<textarea ></textarea>
</form>
</body>
</html>
It's because you're doing all the JS before the DOM has fully loaded.
<body>
<form method="post">
<textarea ></textarea>
</form>
<script type="text/javascript" src="js/tinymce/tinymce.min.js"></script>
<script type="text/javascript">
tinymce.init({
selector: "textarea"
});
</script>
</body>
</html>
I want use ckeditor 4.3.4 to codeigniter 2.1.4 i tried to start testing it in jsbin, it did not work.what do i do?
How can you use ckeditor 4.3.4 in codeigniter 2.1.4?
How can install ckeditor basic?
DEMO: http://jsbin.com/lacekiyu/1/edit
Code:
<html>
<head>
<script src="www.ckeditor.com/apps/ckeditor/4.3.4/ckeditor.js"></script>
<script>
CKEDITOR.replace( 'editor1' );
</script>
</head>
<body>
<form>
<textarea name="editor1" id="editor1" rows="10" cols="80">
This is my textarea to be replaced with CKEditor.
</textarea>
</form>
</body>
</html>
1). Change your ckeditor js link to correct url: http://ckeditor.com/apps/ckeditor/4.3.4/ckeditor.js.
2). Add body onload event, and it will work.
<html>
<head>
<script src="http://ckeditor.com/apps/ckeditor/4.3.4/ckeditor.js"></script>
<script>
function init() {
CKEDITOR.replace( 'editor1' );
}
</script>
</head>
<body onload="init()">
<form>
<textarea name="editor1" id="editor1" rows="10" cols="80">
This is my textarea to be replaced with CKEditor.
</textarea>
</form>
</body>
</html>
You need to correct the reference to the CKEditor script and add the CSS class ckeditor to the textarea.
<head>
<script src="http://ckeditor.com/apps/ckeditor/4.3.4/ckeditor.js"></script>
</head>
<body>
<form>
<textarea class="ckeditor" name="editor">
This is my textarea to be replaced with CKEditor.
</textarea>
</form>
</body>
You could host the CKEditor JavaScript on your server. Assuming it is stored in a folder in your web root, called assets (e.g. public_html/assets) and the URL helper is loaded, you can reference it in a view:
<script src="<?php echo base_url("assets/ckeeditor.js"); ?>"></script>
I was following a tutorial to understand how AJAX/PHP works but i'm having an issue.
Let me start with the code.
escalationTest.php:
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
<body>
<form>
<input type="text" id="name" placeholder="Enter Name.." /> <br>
<input type="text" id="age" placeholder="Enter Name.." />
<input type="button" value="Submit" onClick="post();" />
</form>
<div id="result"></div>
<script type="text/javascript">
function post()
{
var name= $('#name').val();
var age= $('#age').val();
$.post('escalation.php',{postname:name,postage:age},
function(data)
{
$('#result').html(data);
});
}
</script>
</body>
</html>
escalation.php:
<?php
echo "working";
?>
I've typed the code exactly how its in the tut. From its output when i click the submit button i should "working" in the result div which is not happening.
What am i doing wrong here..?
Thanks.
<script type="text/javascript" src="jquery.min.js"></script>
Download a version of jQuery and then link to it with this script tag.
While you can link to an online version, it's not ideal for eventual production use and you should definitely get a local copy.
add the folowing line to your head tag
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
This is a pretty simple fix - you're missing jQuery. Add the following:
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
in your head element.
I want my form to load webpages. I want to turn html textbox into address bar. Just like whenever I write URL into that, It loads webpages in the same window.
My current HTML code is:
<html>
<body>
<title>BlogSoc Browser</title>
<h1 style="font-family:verdana;font-size:50px;color:#000000;text-align:center;">Address Bar</h1>
<center><form method="GET" action="/load.php"><input type="text" name="url" value="http://" /><input type="submit" value="Go" name="submit" /></form></center>
</body>
</html>
It looks like this: (couldn't post image)
or you can just open http://blogsoc.org/load
Please tell me the appropriate load.php code. Thanks in advance.
<?php
header("Location: " . $_GET['url']);
?>
should be what you need.
Using client side scripting:
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('#myform').submit(function(){ //when form is submitted..
window.location = $('#url').val(); //..get url from the textbox and load that url
return false; // prevent the form from being submitted
});
});
</script>
</head>
<body>
<form id="myform">
<input type="text" id="url" value="http://" />
<input type="submit" id="submit" value="Submit" />
</form>
</body>
</html>
I used jQuery. For reference: https://developer.mozilla.org/en-US/docs/DOM/window.location