I have a php script that lists some items which can be checked or unchecked. Now, I am trying to make a javascript that writes a comment field in a certain "span" - comm_'.$i.', where $i starts from 0 - if the check box is already checked (info retrieved from the database) or if the user checks the check box (when the user unchecks the check box the comment field should disappear). The problem is that I am unable to make it work properly (when I check or uncheck a box it doesn't work at all), I mean it only works for the element above, so if box_1 is checked it can only create the comment field in comm_0.
The error I get is - this is similar to the errors I get when checking and unchecking a check box:
Message: 'null' is null or not an object
Line: 64 (this would be line comSpc.innerHTML = 'something1';)
Char: 4
Code: 0
I am having a problem with the last results. I can't seem to be able to get the input2A and input3A to appear. I don't seem to have a problem with the show and hide after a number is entered and submitted. If anyone can answer my problem I will be greatly appreciated with a prize. I actually have submitted it more than once and I haven't had anyone been able to answer it yet. Code:
Let's say I have this paragraph..<p>My dog is brown.</p I would like to accomplish this.. <p>My <span class="animal">dog</span> is brown.</p> So, I want to use JavaScript to find all "dog" strings inside the paragraph and wrap them in a SPAN element of a given class. I would love to have a plug-in that does that... like this: $("p").findAndWrap("dog", "<span class='animal' />"); I know this can be done in JS, but I'm not particularlyexperiencedin JS string manipulation, so it would take a while until I would accomplish this...Is there a plug-in that does this?
I have a TD element, with a SPAN element inside. I use td-s onmouseover and onmouseout events for a small animation. My problem is, that, when I move the cursor over the SPAN element, the onmouseout event for TD element is fired. I want to prevent this. With other words, I want onmouseout fired, just when the cursor is moved outside the td area. See the code..
The user enters the title of a movie in the text field. I'd like to mirror that title into a <span> so that users can search other sites based upon that title, gather the information and then put it into the current form on my site.
Code: <input type="text" name="title" value="" /> <a href="abc.com?title=<span>TEXT FIELD VALUE HERE</span>">search abc.com for this title</a>
Somehow, the isLoaded property doesnt seem to be set to true when i create an instance of the class. I tryied passing the object instance through an argument ... this.xml.onload = this.fileLoaded(this) ... MyClass.prototype.fileLoaded(obj){ obj.isLoaded = true;}
I'm trying to improve a google maps api implementation.
Here is a sample of the code i'm using:
(I've highlighted the sections i'm having issues with)
Code: function load() { if (GBrowserIsCompatible()) { geocoder = new GClientGeocoder();
[Code]....
Basically, i'm trying to re-create the array latlng which searchLocations() creates and submit it myself with pre-programmed co-ordinates in the load() function using searchLocationsNear(latlng);
i want to make a form. the form will have three text fields and with two buttons. what i want with this form is when the user enters the first three fields and if he wants to add more then he will click on add more button and on the same page three more fields will appear below the first three fields. the user will then enter these three fields then if he wants to add more then he will click on add more button. so three more fields will appear below the first six fields. user will enter these fields. he will be allowed to enter upto eight or less than eight times. once he finishes with this then he will click the second button to insert this data into db.
devolping a javascriptcode for creating a table and inserting images inside it. it should consist of two rows. upper row should contain one image and the lower row should contain 2 small images. not allowed to use html. no borders and no spaces between the images.only with java script.
Am having difficulty creating a dynamic <select> element using direct assignment to the element's option array (ie. someElement.option[i]=new Option(someText, someValue);) that will work on Palm devices runing Blazer 3.0 or Web Browser 2.0.
The browsers SEEM to be JavaScript1.1+ capable and the script that I have works on every desktop-based browser, but not the PDA ones....
I'm trying to create a webpage where users can click on a dynamically generated set of questions:
<?php do { ?> <p><?php echo $row_rsQuestions['question_text']; ?><?php echo $row_rsQuestions['question_type']; ?></p> <?php } while ($row_rsQuestions = mysql_fetch_assoc($rsQuestions)); ?>
and by clicking on a particular question, there will be an update for their particular listing of personal questions in a MySql database. I know how to create the database update part, but I think that I would need to javascript to:
1) tell my page that it's time to update (i.e. add a particular question as soon as they click it)
2) pass along the correct variable to the database update portion of the page.
I'm having trouble creating an alert to see the data inside the success function. The code is below and does not create a drop down table, though other things work. I'm trying to look at the returned data in the success function and at the values of the label and value items. The alerts I've tried do not trigger, or create syntax errors. What alert(s) should I use? [code]
I'm trying to do the following thing. Create a dynamic selectboxA0 when a button is pushed. Then, when a value is selected in this selectboxA0, there will be dynamically generated another selectboxB0 with content which is different for each option of the first selectboxA0. When the button is pressed another time SelectboxA1 is generated (which will in his turn generate SelecboxB1).
The code I use is the following: function addProduct(){ var url = "includes/php/catalog/loadcategories.php"; $.post(url, function(data){ $('<tr id="catalogid'+invoiceProducts+'"><td>Product-categorie</td><td><select name="category'+invoiceProducts+'" id ="category'+invoiceProducts+'">'+data+'</select></td></tr>').appendTo('#invoiceTable'); $("#category"+invoiceProducts).change( function(){ var currentCatalogField = $("#category"+invoiceProducts).attr("name"); if($('#product'+invoiceProducts).length > 0){ var currentProduct = $('#product'+invoiceProducts); var category = $('#category'+invoiceProducts).val(); var selectbox = true; productSelect(category, selectbox); }else{ var category = $('#category'+invoiceProducts).val(); var selectbox = false; productSelect(category, selectbox); }});}, "html"); invoiceProducts++; }
The problem I have is that everything revolves around a counter (var invoiceProducts). Therefor when I select a value in SelectboxA0, the value of SelectboxB1 will change (instead of B0). Any way to solve this thing, by for example making the object pass itself when it calls the onchange function so I can get the number out of the name/id attribute or something. A
My application reads an array of URLs in Javascript and displays them in a table. I need to create mouseover events for each of the links (just an alert message for now.) I have tried this a few ways, but for each one the mouseover event fires for each link before anything else is loaded on the page, and when the page is loaded, no link is displayed. Here are the two ways I've tried:
pageone.htm has an iframe with pagetwo.htm inside pagetwo has a form with a hidden field that has a dynamic value.I'm trying to get that value from pageone.htm using:var myid = window.frames['myiframe'].document.forms['myform'].elements['page'].value; This is working, but I just get the value that the field had when I did:
setInterval('alert(GetValue())', 9000);
for the first time. All the alerts after the first one have the same value even when myid is changing in pagetwo.htm (tested alerting it in there).I thought that by using setInterval I would be checking for a fresh value every 9 seconds but what I get is the same old value every 9 seconds
///// pageone.htm ///// <script type="text/javascript"> function GetValue() {[code]......
I want to create fileds on my form that can not be manually edited through the UI of the form. Instead the (visible) content is changed through changes on other parts of the form.
e.g. making a selection from a list changes the content of the field mentioned above. I don't know the html code to create such a field on my form. Can anyone help me out?
I have this code that I want to make it so that it's not inline javascript but my javascript skills are completely lacking. Could anyone spare a minute to walk me through it?
As you can see I am simply creating a place holder for the input field, so that it says "Search" inside of it until someone clicks it. Unfortunately I have very little experience not inlining my Javascript.
I'm developping an ASP.net web page using JQuery Accordeon . the text inside the Accordeon changes so I'd like to create dynamic divisons that support those changes.