|
Why you just do a service in php? And in the js make a post something like that maybe:
var DataToSend = new object();
DataToSend.name = $('#textName').val();
$.post('myservice.php',DataToSend,function(response) {
alert(response);
});
|
|
|
|
|
Hello,
I try to find a solution how to inform a user (in front of a display) that content of a web application has changed when a user has minimized a browser window (on a task bar).
My web application periodically refresh its content and I would like to inform a user if the content is changed.
Does anybody know the solution.
Thank you.
|
|
|
|
|
I would imagine a simple alert() would at least make the title bar blink in the task bar.
There are only 10 types of people in the world, those who understand binary and those who don't.
|
|
|
|
|
Hello All,
I'm beginner for JavaScript, I need a script for unzip the .gzip files and gzip the any files.I created one application in HTML5 and want to merge above functionality.
Can anyone help me out!
Thanks
modified 1-Nov-12 8:32am.
|
|
|
|
|
|
for the footer i have used the concept of sticky footer.
When i increased the height of textarea instead of creating a vertical scroll bar.. it increased and hid behind the footer and when i increased further the vertical scroll bar came when it met the end of the page.
Even when i used developer tools then then footer is shifted upwards
Can someone please help me out. The demo page is up and running.
the link is http://widgetdemo.webatu.com/
-Abhishek
|
|
|
|
|
Use
{
height:auto;
}
on all parents of textarea.
And set
{
position:relative;
}
on footer.
This will cause content to stretch to textarea height.
No more Mister Nice Guy... >: |
modified 31-Oct-12 4:00am.
|
|
|
|
|
This worked like charm..
Thanks.
I have one more doubt. There is some extra space underneath the footer. And i am not able to identify where to change..
It will be great if u can help me out with it.
Thanks a lot
|
|
|
|
|
if i ll give
{ position: relative;}
for footer then it wont stick to the bottom of the page.
Its working fine with position as absolute only and
{height: auto;} on all the parents of text area.
|
|
|
|
|
Hm... Can you update your demo? Then I'll into that.
No more Mister Nice Guy... >: |
|
|
|
|
|
i think i have already updated the demo.. I checked in the developer tool there is an extra div getting added to the DOM.
This i guess is because of the hosting problem.
I tried to delete the the node from the developer tool. And then the problem went off.
Thanks
sent from mobile
|
|
|
|
|
If everything went well, then I am happy, that this help. No problem
No more Mister Nice Guy... >: |
|
|
|
|
|
Hi.. Can anyone provide some working example of calling a java webservice method(simple helloworld method) from javascript.
|
|
|
|
|
|
There are a ton of examples but I would certainly recommend using jquery[^]
There are only 10 types of people in the world, those who understand binary and those who don't.
|
|
|
|
|
By using Json() method we can send data to webmethod from the javascript.
|
|
|
|
|
org.mozilla.javascript.EcmaError: ReferenceError: "ActiveXObject" is not defined
Friends have encountered this kind of problem, I use ie8, Internet options security Settings for this part set I set, no, can you tell me how to solve? Please specify, thank you!
|
|
|
|
|
Say what?
Simple. You have a website that uses an ActiveX object. When you view this on your computer it is okay, you use IE8.
When your friends try to view it using FF, they get a message that says ActiveXObject isn't defined.
You wanna know why?
Easy, only (that's only, only, only or ONLY) Mirosoft Internet Explorer supports them.
There are precisely 2 options in this case:
1) Avoid using an ActiveXObject.
2) Force your friends to use IE.
I'll leave it to you to decide which is the least unpalatable..
(99%+ of the rest of the world went with option 1 btw)
Make it work. Then do it better - Andrei Straut
|
|
|
|
|
I got a problem with arrays in js and I'm starting to lose it.
Every iteration generates a different value.
However, it appears that it pushes the same value in the entire row; so the entire row has the same "random" value every time.
I want to have every 'x' to have a "random" value.
for (var x = 0; x <= 90; x++) {
var col = CustomRandom();
memBlock[x, 68] = Math.floor(col.next() * 255);
}
The "2D" Array is created with a recursive function I found on the web:
function createMemblock(length) {
var a = new Array(length || 0);
if (arguments.length > 1) {
var args = Array.prototype.slice(arguments, 1);
for (var i = 0; i < length; i++) {
a[i] = createMemblock.apply(this, args);
}
}
return a;
}
And here is the entire script, just in case:
window.requestAnimFrame = (function (callback) {
return window.requestAnimationFrame ||
window.webkitRequestAnimationFrame ||
window.mozRequestAnimationFrame ||
window.msRequestAnimationFrame ||
function (callback) {
window.setTimeout(callback, 1000 / 60);
};
})();
function createMemblock(length) {
var a = new Array(length || 0);
if (arguments.length > 1) {
var args = Array.prototype.slice(arguments, 1);
for (var i = 0; i < length; i++) {
a[i] = createMemblock.apply(this, args);
}
}
return a;
}
var CustomRandom = function (nseed) {
var seed, constant = Math.pow(2, 13) + 1, prime = 1987,
maximum = 1000;
if (nseed) {
seed = nseed;
}
if (seed == null) {
seed = (new Date()).getTime();
}
return {
next: function (min, max) {
seed *= constant;
seed += prime;
return min && max ? min + seed % maximum / maximum * (max - min) : seed % maximum / maximum;
}
}
}
function getColor(R, G, B) {
var s = "#";
if (R <= 15) {
s += "0";
}
s += R.toString(16);
if (G <= 15) {
s += "0";
}
s += G.toString(15);
if (B <= 15) {
s += "0";
}
s += B.toString(15);
return s;
}
function animate() {
var canvas = document.getElementById("canvas");
var context = canvas.getContext("2d");
for (var y = 0; y <= 67; y++) {
for (var x = 1; x <= 89; x++) {
memBlock[x, y] = (memBlock[x - 1, y + 1] + memBlock[x + 1, y + 1]) / 2;
}
}
for (var x = 0; x <= 90; x++) {
var col = CustomRandom();
memBlock[x, 68] = Math.floor(col.next() * 255);
}
for (var y = 0; y <= 68; y++) {
for (var x = 0; x <= 90; x++) {
context.fillStyle = getColor(memBlock[x, y], 0, 0);
context.fillRect(x * 10, y * 10-10, 10, 10);
}
}
requestAnimFrame(function () {
animate();
});
}
function InitMemblock() {
for (var x = 0; x <= 90; x++) {
for (var y = 0; y <= 68; y++) {
memBlock[x, y] = 0;
}
}
}
window.onload = function () {
InitMemblock();
animate();
};
var memBlock = createMemblock(90, 68);
It's just an experiment with the canvas API; but If I can't control a 2D-block of memory I pretty much can't do anything.
If I can't get it to work I suppose I could use a single Array; but that would really suck.
Giraffes are not real.
|
|
|
|
|
It's not so tricky to create a 2d array, you just need to go about it a little differently to some other langs. First, you want to create the first dimension. Next, you need to fill each element in this dimension with a second array.
In my case, I've abstracted a screen. The first dimension is the rows, or y-coord. Each of these rows contains an array that holds all of the pixels in that line - the columns.
This code simply creates a 320x200 array and fills it with a simple xor pattern.
Of course, the other way to do it is to do what the compiler does - simply allocate a block of memory and then index into it yourself. The imageData object of the canvas does this - it has a 1d array that represents the pixels. So (y*width*4)+(x*4) will give you the index of the pixel you want. Since it's a 32bit pixel, there's 4 bytes for each one. It saves indexing and is much quicker and easy enough enough.
That said, here's the code I promised earlier.
var screenArray;
function mInit()
{
var x, y, width=320, height=200;
var result = new Array;
for (y=0; y<height; y++)
{
result[y] = new Array;
for (x=0; x<width; x++)
{
result[y][x] = x^y;
}
}
screenArray = result;
console.log(screenArray);
}
Make it work. Then do it better - Andrei Straut
|
|
|
|
|
Dear all,
Now, I'm implementing flexigrid table using jquery, for server side script I use PHP. I've made it and run properly, but there is no clear button to reset grid table after do searching. What should I do ? So I can reset grid table after searching ? I use library flexigrid.pack.js from http://www.flexigrid.info
Thank you,
|
|
|
|
|
hello
i would appreciate a little help here
is it possible to make default pagination of my dynamic html table created from saving form elements
i need to make 15 records per page and i tried lots of plugins but i couldn't get it done
thanks
Mille
my code is:
var Animals ={
index: window.localStorage.getItem("Animals:index"),
$table: document.getElementById("animals-table"),
$form: document.getElementById("animals-form"),
$button_save: document.getElementById("animals-save"),
$button_discard: document.getElementById("animals-discard"),
init: function() {
if (!Animals.index) {
window.localStorage.setItem("Animals:index", Animals.index = 1);
}
Animals.$form.reset();
Animals.$button_discard.addEventListener("click", function(event) {
Animals.$form.reset();
Animals.$form.id_entry.value = 0;
}, true);
Animals.$form.addEventListener("submit", function(event) {
var entry = {
id: parseInt(this.id_entry.value,radix),
animal_id:this.animal_id.value,
animal_name: this.animal_name.value,
animal_type: this.animal_type.value,
bday: this.bday.value,
animal_sex: this.animal_sex.value,
mother_name: this.mother_name.value,
farm_name: this.farm_name.value,
money: this.money.value,
weight: this.weight.value,
purchase_partner: this.purchase_partner.value
};
if (entry.id === 0) {
Animals.storeAdd(entry);
Animals.tableAdd(entry);
}
else { // edit
Animals.storeEdit(entry);
Animals.tableEdit(entry);
}
this.reset();
this.id_entry.value = 0;
event.preventDefault();
}, true);
if (window.localStorage.length - 1) {
var animals_list = [], i, key;
for (i = 0; i < window.localStorage.length; i++) {
key = window.localStorage.key(i);
if (/Animals:\d+/.test(key)) {
animals_list.push(JSON.parse(window.localStorage.getItem(key)));
}
}
if (animals_list.length) {
animals_list.sort(function(a, b)
{return a.id < b.id ? -1 : (a.id > b.id ? 1 : 0);})
.forEach(Animals.tableAdd);}
}
Animals.$table.addEventListener("click", function(event) {
var op = event.target.getAttribute("data-op");
if (/edit|remove/.test(op)) {
var entry = JSON.parse(window.localStorage.getItem("Animals:"+ event.target.getAttribute("data-id")));
if (op == "edit") {
Animals.$form.id_entry.value = entry.id;
Animals.$form.animal_id.value = entry.animal_id;
Animals.$form.animal_name.value = entry.animal_name;
Animals.$form.animal_type.value = entry.animal_type;
Animals.$form.bday.value = entry.bday;
Animals.$form.animal_sex.value = entry.animal_sex;
Animals.$form.mother_name.value = entry.mother_name;
Animals.$form.farm_name.value = entry.farm_name;
Animals.$form.money.value = entry.money;
Animals.$form.weight.value = entry.weight;
Animals.$form.purchase_partner.value = entry.purchase_partner;
}
else if (op == "remove") {
if (confirm('Are you sure you want to remove this animal from your list?' )) {
Animals.storeRemove(entry);
Animals.tableRemove(entry);
}
}
event.preventDefault();
}
}, true);
},
storeAdd: function(entry) {
entry.id = Animals.index;
window.localStorage.setItem("Animals:index", ++Animals.index);
window.localStorage.setItem("Animals:"+ entry.id, JSON.stringify(entry));
},
storeEdit: function(entry) {
window.localStorage.setItem("Animals:"+ entry.id, JSON.stringify(entry));
},
storeRemove: function(entry) {
window.localStorage.removeItem("Animals:"+ entry.id);
},
tableAdd: function(entry) {
var $tr = document.createElement("tr"), $td, key;
for (key in entry) {
if (entry.hasOwnProperty(key)) {
$td = document.createElement("td");
$td.appendChild(document.createTextNode(entry[key]));
$tr.appendChild($td);
}
}
$td = document.createElement("td");
$td.innerHTML = 'Edit | Remove';
$tr.appendChild($td);
$tr.setAttribute("id", "entry-"+ entry.id);
Animals.$table.appendChild($tr);
},
tableEdit: function(entry) {
var $tr = document.getElementById("entry-"+ entry.id), $td, key;
$tr.innerHTML = "";
for (key in entry) {
if (entry.hasOwnProperty(key)) {
$td = document.createElement("td");
$td.appendChild(document.createTextNode(entry[key]));
$tr.appendChild($td);
}
}
$td = document.createElement("td");
$td.innerHTML = 'Edit | Remove';
$tr.appendChild($td);
},
tableRemove: function(entry) {
Animals.$table.removeChild(document.getElementById("entry-"+ entry.id));
}
};
Animals.init();
</script>
|
|
|
|
|
Hi all
i have this java script that with Firefox works fine but with IE9 don't work; any idea how to solve the problem ? Thanks in advance.
here the javascript
var element = e.srcElement || e.target;
if(element != null){
if(element.tagName == "INPUT") {
//alert("Before: " + element.getAttribute("type"));
element.setAttribute("type", "password");
//alert("After: " + element.getAttribute("type"));
}
}
|
|
|
|
|
hi,
I have reviewed yr code , can u check method compatibility with i9.
may be some problem in this code ..."var element = e.srcElement || e.target;"
|
|
|
|
|
you press F12 in IE9, or go to tools I think, and select developer for F12, and you can run it again, and it will flag the error for you.
What is e?, I don't see a reference to that object.
|
|
|
|
|