i have this code
<script type="text/javascript">
$(document).ready(function() {
for ($i=0; $i<4; $i++) {
var num = $('.clonedInput').length;
[Code].....
the input id is changed correctly, but valores no. Why ?? Valores is always id="valores1", and must be id="valores1", id="valores2", and so on.
The cloning of 2 elements WITH their events works untill we come into another event. Here is a part of the code:
var nieuweBehandeling
= $('#nieuweBehandeling').clone(true, true);
$('#nieuweBehandeling').remove();
[Code]....
I have while loop, where something is defined via ID, I called it pin_click.
So of course there are a few entries.
And I have the following Code:
Somehow, this Code only works for the first element, I get out of the while loop. The other elements of the while loop ( which have the same Button ) are just doing nothing, even no action in Firebug.
I have a form on my page that gets checked and verified with a bit of AJAX and then gets sent off if all is good, but I also created a quick little loop to verify that all the fields are still full and completed before sending the info off to the server officially .here is my test page for the loop that i have created.
PHP Code:
<html>
<head>
<script type="text/javascript">
[code]...
Now the loop works great if you test it by clicking on the button once but if you fill in a missing field and click the button ok then it doesnt work again ... how can i get it to work on every click ?
I'm trying my first bit of jQuery code but am familiar with Java programming. I'm trying to create a function that loads a div with an image in it, which will fade in and then after 4 seconds move onto the next image. I want it to create an infinite loop but it doesn't work.
<script type="text/javascript">
$(document).ready(function ()
{
[code]...
this is code for a conway's game of life. the nested loop on stepGen() doesnt work and i cant figure out what it is. no syntax errors, or anything. i put alert statements to see whats happening. i can provide the rest of the code if necessary.[code]
View 2 Replies View RelatedWhy wont my for loop work it wont alert the var images1....
<script type="text/javascript">
for(i=1;i<6;i++){
images[i] = "no"+i+".jpg";
[code]...
I have a javascript that is supposed to read a text file (a log from a php script) and it should be shown in a html page. Even more, it should read that txt file again every 10 seconds and update the result every time on the page.
I use xmlhttp for this, after a suggestion from someone on this forum. My script is working well, but only the first time the page is loaded. From then on it becomes unrelieable and I dont know why.
This is the first part: loading a function in the body tag, and a browser version check, I dont think there is any problem in this.
Code:
<body onLoad="showbuffer();">
<script language="JavaScript">
<!--
var xmlhttp=false;
/*@cc_on @*/
/*@if (@_jscript_version >= 5)
try {
xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {
try {
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
} catch (E) {
xmlhttp = false;
}
}
@end @*/
if (!xmlhttp && typeof XMLHttpRequest!='undefined') {
xmlhttp = new XMLHttpRequest();
}
//-->
</script>
This is the second part, a self made looping function that looks up buffer.txt , and writes it on the page.
Code:
<script language="JavaScript">
<!--
function showbuffer() {
xmlhttp.open("GET", "buffer.txt",true);
xmlhttp.onreadystatechange=function() {
if (xmlhttp.readyState==4) {
buffertext=xmlhttp.responseText;
document.body.innerHTML= buffertext;
}
}
xmlhttp.send(null)
return false;
setTimeout('showbuffer()', 10000);
}
//-->
</script>
And this works, if I load my page then it shows exactly the content of buffer.txt . And if a bit later some data is added to the txt file, then it doesnt show up in the xmlhttp page , its still the same content as from the beginning so it didnt update. But there is something really weird about it, if I open up a second browser window and typ in the complete url of the buffer.txt file, and visit that page and look at the new data... then within 10 seconds the new part is added to the xmlhttp page. So the javascript function doesnt work, unless I refresh the page it is supposed to read. I've tried to mimic that, with a php script in crontab that would read buffer.txt through file(); or fopen(); every minute , but that didnt seem to work.
I dont think there is anything wrong with all the xmlhttp part of it, but rather with the way I try to integrate it into a loop. But this setup with setTimeout is the only way I know to make a function repeat itself with a few seconds delay after every step.
So, could anyone please point out how this could be solved ? Maybe another way to loop the xmlhttp part perhaps?
I have a pretty simple function set up to pull XML data into my page, but there's a couple things wrong with it. I'm REALLY new to J Script and really trying my best to learn, but for some reason I'm not yet adept at googling the right results :rolleyes:At the very bottom you can see the data from the first XML entry, so it seems the function itself is working fine, but it's not looping coorectly to access all the data.Also, I want to pull it into the "shows" div of the page, but can't figure out how to put it there (seriously, I am very new with JS). The code below is not working, but the live site has it added to the body, which does show the one entry.Here's the XML function, the XML data and the HTML markup:
Shows function -
function loaddates()
{
var xmlData = document.getElementById("tourdates");
var newDates = xmlData.getElementsByTagName("dates");
[code]...
I have a simple HTML page with one DIV element with the id "rotator". Inside that, JavaScript is supposed to create boxes that react to mouseovers.
The weird thing is: The whole script works, but ONLY on the LAST box I create, no matter what I do. I can manually add the mouseover code to any one of these boxes, but it will only take on the last one. I can have JavaScript tell me the mouseover status of each box, and they all tell me they have code assigned correctly - but again only the last one works...
Here's the relevant code (yes, highly abbreviated, but it's the part that fails on me):
var maxBoxes = 10;
function initSite() {
var rotator = document.getElementById("rotator");
rotator.innerHTML = "";
[Code]....
initSite is called in the body onload. All kinds of other animation parts are implemented that work fine, just this mouseover won't work. I have tried re-writing it in multiple different ways, including "xyz.onmouseover = myMouseCode" and then defining the function separately later - still no dice.
So, the code creates 10 boxes (0-9) and 10 boxes that are on top of them to create a form of shadow effect depending on the position of the original boxes. Since the "myDark" boxes are on top of the "myBox" boxes, I apply the onmouseover onto the "myDark" boxes, but it only works on "myDark9" and no other box. They are all created the same way, the mouseover assigned the same way...
Here's the code:
for (var i = 1; i < 5; i++)
var pl = eval("player" + i)
var namepl = eval("document.charInput.name" + i + ".value");
[code]....
In the case of the 2nd-4th player, it changes to name2.value, etc.Based on these three inputs, I need to iterate through all four players and make the player object for each of them, as I've done above.
I'm not so good at Javascript, but I tried to write some code to obtain some form values and write those to a query string to use in AJAX.It seems to be working partially, but I don't understand what is going wrong. What happens is that in the for loop the 'document .form_name.form_field_names_array[i].value' part doesn't seem to return a value. It is worse even: the script completely stops executing at that part. When I remove that part from the line in the for loop, it doesn't stop executing, so I guess that's where the problem is?
function doAjaxForm(url, target_element_id, img_url, form_name, form_field_names)
{
// Create the GET query string from the form_fields[code]...
// Rest of the code (the AJAX) is working.
I cant get collision detection to work. I tried but it always caused an infinite loop.
Heres the code.
<html><!-- main file.--><head>
<title>lightning generator</title>
</head><body>
<canvas id='world' width='500' height='500' style='border: 1px solid black; padding:0;'>
</canvas><script type="text/javascript" src='world.js'></script>
[Code] .....
In the end of world.bolt.cpath,there should be a way to use the local varis X and Y, and world.ground.js's world.ground.level[] to detect it. sorry for the gigantic length.
Does anyone know why this isn't working? The toggle function works perfectly fine with PHP loops, but when I insert the table td tr tags, it does not hide the loop when the page first loads...It just shows the results in the div which it shouldn't be doing.
Here's what my code looks like...
JS
Code:
<script type="text/javascript">
function toggle(element) {
if (document.getElementById(element).style.display == "none") {
[Code]....
Having a tough time integrating the 2. Trying to create 2 loops, the inner one I had working as below, until I tried to add the outer loop which iterates through the tables
<script type="text/javascript">
// <![CDATA[
var i=0;
[code]....
I would like to :1) create a new div with an ID2) clone the content of a div into the new div created To do that, I have this code :
var e = $(document.createElement('div')).attr("id","new_pathologie_"+i);
$("#pathologie").clone().prependTo(e);
This code doesn't work.
I have the following rows in a table:
View 1 Replies View Relatedwhat I want to do is clone the Object String and be able to use the clone. In essence what I'm looking to do:
var x = 'me';
String.prototype.returnMe=function(){return this;}
alert(x.returnMe(x)); // alerts: me
[code].....
I''m using some javascripts for tab content and I would like to copy content from one tab to another tab. I found DOM could achieve this, but I can't get it working in my code:
View 3 Replies View RelatedI have dialog clones that pull source from another file. I would like to have datepicker on these dialogs but I am not sure how to do this. I am able to do this on the regular dialog (non-clone) by using:
<script type="text/javascript">
$(function() {
$("#enddate").datepicker();
[code]....
I am having problem with displaying data in fckeditor. I am opening clone dialogs that display forms from another page. Everything comes up fine but fckeditor is not displaying any data in it. This only happens on IE8, no issues on FF. If I view this page outside the jquery dialog everything works fine. So there is conflict between jquery dialog and fckeditor.
View 1 Replies View RelatedI'm a starter in using jQuery and I decided to work my way through the 'Learning JQuery' book from packt.Somewhere in Chapter 5 they use the clone() function with the false attribute. The JQuery version used in the book is 1.1.3a. With the clone(false) method the writer can clone only the matched element and not the descendants. And that works in 1.1.3a.I know that this is no longer the case in JQuery 1.4. Boolean is only for Event Handlers.But what is the new equivalent of this method? In other words. How can I clone an element with only the matched element and not it's descendants?
View 2 Replies View RelatedI have a block of HTML that I am cloning, as I want to manipulate it to remove an element, so that I can then append that new HTML somewhere else on the page.
[Code]....
Then in the jQuery, I have tried many different ways of removing stuff from that clone, but with no luck. E.g.
var cont = $('#container').clone();
$(cont).remove("copy_btn").appendTo("body");
There are no errors showing up in Firebug, but the html added to the bodu still contains the link with the id "copy_btn". Is this even possible? The api says that remove() will remove matched selectors from the DOM, so as this is just a set of elements is that the reason? If so, is there a way to achieve this, or would I have to append it somewhere on my page and then perform the manipulation?
I have a FORM with many elements, and some of them have names like "name1[]", "name2[]", etc..
I would like to create a button that, once clicked, will clone all the elements whose names end in "[]" (including labels, and select's options), giving them the same name (and possibly a different ID, but it's not important).
I am completely new to jQuery and almost new to javascript.
I came up with this code to clone the entire form:
<script type="text/javascript">
$(function(){
$('input.cloneMe').live('click',function(){
var f=$(this).closest('form').clone(true);
[Code]....
But how can i tell him to only clone the elements whose name ends in '[]' ?
i need to us instead of closest, but i really don't know what.
I have a form wich has a add/remove row button, this so the visitor can select multiple sets of data. All is fine and is being submitted via PHP.
Only problem is from number 10 and up, i am getting strange random numbers in the new rows that are added in their name. Like 1111 (instead of 11), 122222 (instead of 12). And because of this, every row from 10 and up won't be send through php, giving this random effect.
The full form can be viewed: [url]
The code i use for my Clone Element is:
I trying to figure out why CloneNode on an Iframe does not correctly clone the IFRAME with its contents and is there a workaround I can use to get pass this?. Basically what I am doing is dynamically building a table with Iframes inside it. The problem is I just want to build one Iframe because the contents of it can be very complex. After my Iframe is built I just want to clone the iframe as many times as I need later. I cannot use an HTML file and point the src of the Iframe to it. I have to put into the Iframe a very dynamic HTML document I get back form an Ajax call. This is truly the key of the problem. Since my pages can be complicated it can take around 2000ms to render. I don’t want to make each Iframe render every time when I already have the document ready to display. I just want to clone it very fast. I can not use the ‘scr’ of the iframe.
Here is a very simple example of my problem. Look near the end of the code to see the problem. Try this code and you can see the IFRAME does not Clone its contents. Is there any way around this problem? Please note that I also cannot use innerHTML to populate the cloned Iframe with my master Iframe’s contents. Because if I do this the page still takes 2000ms to render. I just want this thing to clone as it is. Code: