JavaScript - jQuery - Ajax
-
» PloMarHello,
Is it possible to display the content of a Div in full screen window with JavaScript?Last post » AdminHi,
There is fullscreen API in JavaScript, you can use the requestFullscreen() method to display a HTML element in full screen mode, documentation:...
-
» PloMarHello,
I have the following code that sends form data with Ajax to a php script. It works, but after the form data is sent, the value added in the...Last post » AdminHello,
You can use the following JavaScript code (in the success section of your Ajax function) when the data have already been sent, to delete...
-
» PloMarHello
I have the following code to send form data to a php script, with jQuery Ajax, withouut reloading the page.
But, when I press the Submit...Last post » AdminHi,
You have to call preventDefault() method to stop default action.
<script>
$(document).ready(function(){
$('#form').submit(function(e) {...
-
» PloMarHello,
I want to display a file (image) in canvas before it is uploaded.
The preview action in canvas should be executed all in the browser without...Last post » AdminHi,
You can use URL.createObjectURL() on the File from your <input> to generate a blob object URL.
Generated URL will be like:...
-
» PloMarHello,
I have a canvas element and a form with a text box and a button. I want to be able to put an image url into the text box, and after click on...Last post » AdminHi,
You can use this script. When click on the button, it adds the image from URL in page (into a Div, #pic1), then, the function addCnvImg() gets...
-
» PloMarHi,
I have the following code:
<img src= image.png alt= Image onclick= test(data) />
<script>
function test(prm) {
alert(prm)...Last post » AdminHi,
If the argument is a string, you should add it between quotes, like this:
<img src= image.png alt= Image onclick= test('data') />
-
» PloMarCan I make the content of a html div to be editable?
For example I have the following code:
<div id= edit1 >Content that can be...Last post » MarPloTo make the content of a html element to be editable, just add the: contentEditable= true attribute in that tag. It can be used in almost all HTML...
-
» PloMarHello
I have an input text field to which i want to display a tooltip with a html table, when the mouse is over the input field.
How can i make it...Last post » AdminHello
Set position:relative; to the parent container (it is important for absolute position), then set position: absolute; , display: none; and...
-
» PloMarHow can I refresh the page after a specified time?
I have a html table with data from server. These data are changed to every 3 minutes, so I want...Last post » MarPloYou can use the reload() function added in setTimeout().
<script>
// refresh page after 3 min. (true to load from server, not from cache)...
-
» PloMarHow can I parse the array items in reverse order, in JavaScript?
I have a Div and an array with numbers in JS code, like this:
<div id= dv1...Last post » MarPloThe simplest way is to use a reverse for() loop (with i-- ).
See this example:
<div id= dv1 ></div>
<script>
var ary = ;
var...
-
» PloMarHow to add (append) text in textarea using jquery without removing previous text?
I have this code, but it only works for first time, when i change...Last post » MarPloInside the dom the value and text attributes are stored separately. When you use append the text is appended but the value is blanked because it is...
-
» PloMarHi
I'm drawing text in an HTML5 canvas on top of an image. I want to calculate a font size so that the string will span 200 pixels width.
So...Last post » MarPloThe fillText() method has an optional fourth argument, which is the max width to render the string.
- MDN's documentation says:
maxWidth - the...
-
» PloMarHello all
Anyone know how to calculate the number of characters that will fill one line of a div with a fixed width (for example 200px), using...Last post » MarPloHi,
You can use this formula to get the width of the line for a given number of characters (CPL):
Width = CPL * (font-size / font-constant)
- CPL...
-
» PloMarI use this code to animate position of a Div when is hovered. I move it with 2500 animation speed.
How do I change speed of this animation to 800,...Last post » AdminTry with the dequeue() function (Execute the next function on the queue for the matched elements).
<div id= dv >Animate Div</div>...
-
» PloMarLet say I have this html:
<div id= parent >
<div id= c1 >Content child 1</div>
<p id= c2 >Paragraph ...
<span>some...Last post » AdminTry with the > selector, it refers to the direct childen.
1. Example get array with the ID of all direct children.
<div id= parent >...
-
» PloMarHow can I use JavaScript /jQuery to follow the mouse cursor with a DIV in the whole page?Last post » AdminIf you want this effect with pure JavaScript, you can use this code:
<style>
#div_moving {
position: absolute;
width: 140px;
height: 65px...
-
» PloMarI'm playing with jQuery. Now I test the trigger() method.
I try to trigger a custom method and pass two additional arguments (an object and a...Last post » AdminWhen you pass multiple arguments with trigger(), and those arguments aren't a number or a string, you should pass all the additional arguments into...
-
» PloMarI have a Select box and options with IDs of the rows from a MySQL table.
In that form there are 3 text fields.
Now, when I select an option from...Last post » AdminTo make that script you need to know how to work with JavaScript /Ajax and with data in JSON format.
1. Register an onchange event to the Select-box...
-
» PloMarI have an object like this in javascript:
var obj = {
prop1: 'val 1',
prop2: 'val 2',
prop3: 'val 3'
};
What is the best way to retrieve a list...Last post » AdminYou can use the built in Object.keys method:
var obj = {
prop1: 'val 1',
prop2: 'val 2',
prop3: 'val 3'
};
var props = Object.keys(obj);...
-
» PloMarI have an object like this in javascript:
var obj = {
prop1: 'val 1',
prop2: 'val 2',
prop3: 'val 3'
};
What is the best way to remove the...Last post » AdminTo remove a property from a javascript object, you can use the delete instruction.
Example:
var obj = {
prop1: 'val 1',
prop2: 'val 2',
prop3:...
-
» MarPloI have a html table and a button, like this:
<table id= tb_id border= 1 >
<tr>
<th>Website</th>...Last post » AdminTo append a row in a html table, use this syntax:
$('#table_id > tbody:last').append('<tr>...</tr>');
And to hide the pressed...
-
» MarPloI'm trying to dynamically add and remove items with jQuery when I press the Append /Remove buttons.
This is the html code:
<ul id= lists >...Last post » AdminUse the append() and remove() jquery methods, like in this example:
<ul id= lists >
<li>List Item 0</li>
</ul>
<button...
-
» MarPloI need to serialize an object to JSON in JavaScript. Is there a standard way to do this?
I have an array defined something like this:
var countries...Last post » AdminUse the JSON object methods.
- To convert an object to a string, use JSON.stringify() :
var json_string = JSON.stringify(your_object, null, 2);
-...
-
» MarPloI want to do something like this:
$( .chkox ).checked(true);
Or:
$( .chkox ).selected(false);
I wish to set the checked value to check or uncheck...Last post » AdminUse the prop() method.
$('.chkbox').prop('checked', true); // checking
$('.chkox').prop('checked', false); // unchecking
And if you want to check...
-
» MarPloIs it posible to run a php function through a javascript function?
Something like this:
<div id= php_code >Here will be added the Php Code...Last post » AdminPHP is evaluated at the server; javascript is evaluated at the client-side/browser, thus you can't call a PHP function from javascript directly. But...