Trying to replace text in a different div on a focus and change it back on blur. The first replace works, however the second doesn't. If I just comment out the focus then the blur works.[code]
I want to use the the replaceWith() function in a html form with many select buttons to replace the select elements from a second button to other values when the value of a first select button has been changed. The html code is generated in a perl cgi script (I write this only for completeness).The function works but only the first time when I change the value of the first button (e.g. button "Type"). On the second change no more actions are done on button "Severity".[code]I added alert() debug functions in the javascript function getOneofs() and the output looks ok.So the var "selectCode" should be also ok.
I've set up two buttons to dynamically load in content. However for some reason the content only loads on the first time you click a button. The transition function does receive the correct variables however. The fade0ut animation also doesn't take affect whilst the replaceWith() function is inside the transition function.
I'm pretty new at this - been using JQuery about three weeks full-time with good success. But. Some of the elements in my HTML can be selected by their ID's, using the $("#some-id") syntax, and some can't (the selector returns an empty set). In the debugger (Visual Studio) at a break point in the Javascript, I copy the ID value directly out of the html into theimmediate window and run something like to print out the length property of the wrapped set: ?$("#unfindable").length and get zero. I can do the same thing on other ID's and JQuery finds them as I would expect, and Ican't see the difference between the ones that JQuery findsand the ones it doesn't: for instance, they might both be divs. These aren't form input fields - for those I use something like $(":input[id='some-id']") and it works consistently. I don't do anything fancy like changing ID's at runtime - this is all simple static HTML, so I know that the element is there in the DOM and that it has the ID I'm looking for.
i downloaded a script from jquery tools which is the above: PHP Code:
$(".scrollable").scrollable(); $(".items img").click(function() { // see if same thumb is being clicked if ($(this).hasClass("active")) { return; } // calclulate large image's URL based on the thumbnail URL (flickr specific) var url = $(this).attr("src").replace("_t", ""); [Code]...
I've got jQuery and 2 plugin libraries running on my website. One runs the navigation and the other runs a dropdown search box. Everything works great on my localhost, but when I copied the directory to the external server none of the jQuery worked. I'm not getting any Errors in my error log, and the directory has been copied exactly. [URL]
i'm wondering why this hiding and showing function works on IE (6) but it doesn't work in Mozilla Firebird (0.7)
function fnc_show(num){
for(i=1;i<7;i++){ eval("t_" + i + ".style.display = "none""); } eval("t_" + num + ".style.display = "inline"");
}
t_1, t_2 ...t_7 are the ids for TR elements in a table, i.e. with fnc_show(3), it will show only t_3. This works without a problem on IE, but it seems to do nothing in Mozilla, i only get an error telling that t_1 is not defined.
I'm wondering too, if there is a better way to do it, cause i read that eval function is inefficient .
I am doing a final project so I've been asking a lot of questions! This image displays and the rollover works in firefox, but the image doesn't display at all in IE. I was hoping someone had a suggestion what is wrong. Below is my function:
<script type="text/javascript"> function rollImage() { document.woman.src="girlPic.jpg"
I was trying to make simple JS script, but it seems like i have problem.
I have really basic html:
Code: <?xml version="1.0" encoding="ISO-8859-2"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
[Code]....
AS you see, i have ONE div element, and Firefox alerts the 1 as result, which is correct. But Opera (9) and Ie(7) returns length of 0. How is that possible?
this is intresting. I tryed to use '*' instead of 'div', to search for all elements. FF alerts HEAD, BODY and DIV elements, while opera only first two, and not Div.
I'm loading images one time after another on the click without AJAX It works fine on GOOGLE CHROME, but not on IE. The images load fine. The background <div> doesn't. It loads the size of the previous image. This is when I goto the nextButton and prevButton function. I also read it is because the image hasn't loaded fully yet. How do I wait until the image has loaded before it continues? If this is correct.
I've been working on this for about four hours (two today, two yesterday) and keep hitting the brick wall. I'm trying to create a function that will add an attribute to specified tags. As the title says, it works great in FF and not at all in IE7. Probably the first question you'll ask after you see my code is "why?" Well, I've got a form with over 100 form fields in it, and if I can avoid manually adding an attribute to all of them, I'll take the JS route.
I had php form in a page and I make the submit function using a javascript function ( some thing like protypes.js ). It is working fine in IE , Opera ... Nut doesn't in Firefox. Here is the code...
I have a simple problem that I can't solve. I am trying to code a "More Info" button/link to display some more technical details of an item, if required or wanted. I haven't tried incorporating any code in to my web site yet, first I am trying to test how it can be done in a seperate file.
What I have right now is a table with two cells. In one cell is static text, in the other is a hyperlink. The onClick event calls a JS function called "more_info()" in which a global varible is altered to contain the value 1.
Directly after these two cells is more JS (this is before the table ends). The JS here is checking to see whether the value of the global variable has been changed. If the value is 1, display information. There is no "else" clause because I don't want information displayed unless the variable is equal to 1, so it is not required.
I think I know what the problem might be. The browser is reading the code in question before I ever click the link and has already been executed before the variable is changed. I know JS is object oriented so it will not sit there waiting for me to click the button before reading the logical statements.
I'm using an xmlhttp request to get information from a database. Everything works fine in Firefox, and it works in IE until you try to refresh the page. If a news post (thats what it is getting from the database) is deleted it will continue to show the same information. I can't really post all of the script because it (along with the html and php) are spread out through many different pages:
I'm trying to shrink some jQuery code by using replaceWith, instead of hiding and showing two different items. Since I'd never used replaceWith before, I created a test page, all it has has a div container, with class "one", and inside it the word One.
The jQuery code I wrote is below, it works to replace One with Two, when one is clicked. But clicking Two does nothing. I put in an alert to test what replacement is, and it is correct, a div with class of two. Yet still the second click doesn't return to One.
$(document).ready(function() { var replacement; $(".one").click(function(event){
I've been using jQuery for a while now but I never needed to write something from scratch up until now. Is it possible to use some if statements to replace (replaceWith()) a form depending on which of the inputs was activated? The objective is to design a quick survey tool with different forthcoming questions, depending on the ones given.
I am trying to make comments system and i want to add smileys.the content of each comment is written in TEXTAREAI have a JS code that gets a "smiley code" like :) and adds it into the TEXTAREA. i mean it adds :) :( XD ;) or what i sent to the function.the TEXTAREA code:
I recently made a simple tool that opens a website in an iFrame and tells the user how long the page took to load. I made it out of a premade stopwatch
When i run the test in most browsers (Chrome, Firefox 3.6 and older, IE) it works fine with the output textbox going from "Please run the test" to "Test Running" to [TIME TAKEN FOR PAGE TO LOAD] but in firefox 3.7 (Minefield) it goes from "Please run the test" to "0" every time and the page in the iFrame doesn't load.
I've read that Firefox 3.7 has a new Javascript Engine
The test is at [URL] and the problem code is on THIS PAGE (Use View Source in your browser)
Testing page: [URL]...Testing info: username: claudion ; psw: bolibokhan Background: You enter some text in message editor textbox; press send; page (& not popup) appears stating 'Message successfully recorded...return to message'Send button HTML <input type="submit" value="Send" class="button2" name="post">
Limitations: Cannot edit template/html ...had to be done via javascript/jquery Objective: to replace Send button with a custom one such as one you press it (after message is entered) you be redirected back to your current page(URL) & 'Message successfully recorded...return to message' page is thus skipped.
Not sure whether this is a bug, but is is certainly unexpected behaviour. When i try to use replaceWith on a <div /> instead of a <div></div> (which is correct HTML syntax) it causes, not only the div but all code after the div to be replaced. see the code here: [URL] I will make a bug report if others also think this is a bug.