This is something I just can't seem to get to work at all. The script I am trying to make work is a fairly simple concept. I have a series of links generated from a database. Each link is a product category. The number of links depends on the number of products in the database. Threfore, to give each link a unique id, I append the product's unique key from the database to the end of the link name, so no matter how many products are in the database, each element id is unique. No problem there. The links all put the correct product info into the div when clicked. (To be accurate, it isn't really a link onclick it's an AJAX call. That is irrelevant.)
However, each 'link' also has a mouseover function that displays a set of thumbnails in the div. Specifically, this is the problem. Once the 'link' has been clicked, I want to disable the mouseover event. After the click, the div shows specific product information, because that is what the customer is interested in but if they move the mouse up or down, they get a set of thumbnails for stuff they don't want.Back to the programming. This is how I have tried to disable the thumbnails, (tinythumbs function)
function stopthumbs(row){
var stoppit = row.getAttributeNode('value').nodeValue;
var stopthis ="thumb_link"+stoppit;
I am trying to create a series of links that will show an element and then open up up the a different element for each. I have it so that I can create on, how I can get it to do 2 times.
i want to add a part of the website that will be generated from mysql database from an external file just like php include just that i want these parts to update realtime without refreshing the browser. i also want it to have pagination.
The scenario: 1) Generate a popup window via script. 2) Populate it (again via script) with content that features local (hash) links.
In IE 6.x this works - the links work as they should, moving the document to that document position. However in FireFox 1.x the links load the main page (the opener) in to the popup.
Both browsers populate the location.href of the popup with the main page's href... but this only adversly affects FireFox (which seems to, in this scenario, reload the whole page on a local link). I tried manually populating the location.href but no joy.
I've appended an example which demonstrates the problem. I've tried to shave it down as much as I could. Just save it to an HTML page and load it up in FireFox. Click the button then scroll down and click the link... instead of returning to the top of the page I get the opener page's HTML populated into the popup.
Any thoughts on how to address this? I've Googled, but it may just be that I've been unable to hit on the right terms to uncover the answer.
The left frame has a DHTML-generated tree of links (to images). The right frame displays the image link you click in the tree of links.
It works great on all browsers except Konqueror/Safari, where it displays the first image link you click on in the tree of links. But then subsequent clicks on other links do nothing.
That is, the first time you click on a DHTML-generated link, Konqueror/Safari loads the corresponding image in the other frame. However, after that, when you click on links, the other frame is not updated.
I'm would like to add a light box to a site that has content generated by php. Basically it is a property site and will have a thumbnail image and description. When the user clicks on thumbnail I would like to display a gallery of pictures relevant to the property. Each property will be generated dynamically by php. My question is how do I enter the selector for the gallery into jquery. I am thinking of using Fancy Zoom as you can use hidden elements, as the gallery will be hidden.
I have been searching how to connect to a database and execute some queries, and then use the data that I get to populate some tables in a web page, all this using javascript.
I am confused because I have seen in some webpages that javascript is not designed to connect with databases, and also I have see other pages where they say that it is possible.
Does anyone know if it is possible to use javascript to connect to a database (informix), and execute some procedures or queries?
I am trying to get the value from a series of radio buttons, and my method worked for the first set of 3, but when I repeated the procedure for the 2nd set of 3 radio buttons it didn't work because of the ".length"
Working Code:
Code: for (var x=0; x<Form.A111_answer.length; x++) { if (Form.A111_answer[x].checked)
I can't for the life of me figure out how to fill 12 text boxes with a repeating number of numbers (this is for a 1 year forecast).If a user enter 3 different numbers in the first 3 text boxes and leaves all others empty I want that series of numbers repeated in the rest until the end when I click a button.
I have four icons that I wish to face in when the page loads. When the first image is 25% faded, the second will fade in. When the second is 25% faded, the third will fade in. When the third is 25% faded, the fourth will fade in. Since I have never touched jQuery, with the exception of downloading plugins and using them, how should i best go about this?
I'm basically trying to make it so a link click will hide and display a series of DIVs to make my site look a bit neater and more professional. The code I have WORKS, it can make a DIV appear and disappear easily enough but the issue I'm having is that it only works if you click the same link to show nad hide. Click a link to show a DIV then click another link and both will be visible.
But the only other code I tried to hide all but the selected DIV just results in my page becoming invisible (Its constructed with DIVs from top to bottom) so its not a suitable result. I'm basically after this: [URL]. Where you click on the link (in this case an image) and it shows what you need. I did try searching through their HTML and code but their javascript file appears as one long string to me so its hard to find any real useful detail.
This is the code I have at the moment: Code JavaScript: function showHide(shID) { if (document.getElementById(shID)) { if (document.getElementById(shID).style.display != 'block') { document.getElementById(shID).style.display = 'block'; }else { document.getElementById(shID).style.display = 'none'; }}}
And this is my current page in practice. [URL]. I'm assuming I might need an array but I need to stop it picking on every DIV and only the DIVs in my content area.
How to change style on a series of divs (with similar structure but different content) *only if* all the children are visible (that's using visibility, not display). Sample div: <div class="h"> <p class="a1">text</p> <p class="b2">more text></p> <p class="b3">text text</p> <p class="a4">text...</p> <p class="link_display_none_visibility_visible">div name</p></div> I think it needs to use contents(), but not sure about handling node numbers.
So, there's a main column of content and to the left of the main column is an A element that is absolutely positioned.I have an announcement system that when there's an active announcement, a box is rendered above the main column, pushing the main column down. However, the A element that is absolutely positioned stays where it is.I added code to check for an active announcement and add a class to the A element so it'll keep it positioned alongside the left-border of the main column.When a user closes the announcement box, it fades out, and the maincolumn moves back up to fill the space - but the positioned A element does not follow. I then added code to the function I had to fade out the box and save a cookie to show the user had closed the active announcement box which removed the active-announcement class I had PHP add to the A element.
The problem is, even though the removeClass function is last in the series of functions, it fires first - the positioned A element moves up to where it should be BEFORE the active announcement box fades out.How can I change this so that the positioned A element has its class removed after the other two things have taken place?[code]
I need to display a set of images. NOT a slideshow that automatically changes, but a very simple display, one image at a time, that moves to next or previous by mouse click or arrow.
I can retrieve the set of filespecs in php with no problem. And I've got the setup in php to display the file, one at a time.
I"ve figured out how to open a full-screen window in javascript.
What I need (I started in php and they sent me over here for specific javascript info), is to put everything together...
1. I'd LIKE to automatically set the resolution on the system to 1024x768. I've been told html and javascript can't do that, so it'll have to be done by the user.
2. I figured out how to open a full-screen window in javascript.
3. What I need is to display the image from php and have it show up in the full-screen window I created. Then it just sits there until the user presses an arrow key (or hopefully something with the mouse) to go to the next (or previous) image. Back to php for the next file and display...
Once the last image in the set is displayed I'd like to have the window I created go away, sending me back to the screen from which all that got started...
So, as far as I know, the two things I need to know are how to display an image in a particular window from php. And, how to get mouse-clicks and/or arrow keys back to php so I can use them....
I am trying to create a javascript code in which I prompt the user for a number (an integer from 0 to 100) to search for, then search a function with the number they entered and then display whether the number was found, and if found, a location where it can be found within the list.
I am having no luck with my post form to mysql. It is only posting the first letter of the word/phrase for the text input fields to the mysql database. It is a photo and text post form. The photo and only first letter of text are posting to database. I am using Jqtouch, jquery, and phonegap.
I need to have a series of images cycle in the background, and for each image, text should appear on the right or left side and slide into position. I thought this would be simple but can't really find any information about how to connect these two events. I've done plenty of background image cycling, but never tied a particular image to a particular animated effect. One, can this be done...if so, how challenging is this? And Two, would anyone know of a location of similar stuff. I've seen a bunch of sites that use Flash for this, but it seems like jQuery would be quicker and more robust.
I have a javascript chatbot that uses a series of input.search statements to trigger a response. The user types their question into a input box. I'm trying to trigger a response for this type of question.
If I was born on June 23, 1982 what is my age?
I'm not sure how to handle numbers such as the day and year. Is there a simplier way to do the days and years? Such as a number between (1 - 31) (day) and a number between (1900 - to current year).
I have a working example of jQuery validate working in the link below. The newsletter checkbox is required and working. However, the "colors" checkboxes are all named as an array ( ex: name="color[]" ), and so the problem lies in the validation code, where it uses the name of the element to require elements ( ex: newsletter: "required" ).
I'm just learning javascript and am editing a calculator form that will calculate square footage and write to a form text field. I have another form filed that I would like to display a number based a series of if else statements. ex: if square footage > 2761 then display 5.0., if square footage > 2521 then display 4.5. etc.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "<HTML> <HEAD><TITLE>Size Calculator</TITLE> <SCRIPT LANGUAGE="JavaScript"> function CalculateSum(Atext, Btext, form){ var A = parseFloat(Atext); var B = parseFloat(Btext); form.Footage.value = A * B; form.Size.value = 21; }
/* ClearForm: this function has 1 argument: form. It clears the input and answer fields on the form. It needs to know the names of the INPUT elements in order to do this. */
I am new to jquery, and love it so far, but I am more of a designer, not a developer. I am learning jquery to enhance my sites, and I am having a problem figuring out buttons.
I have them working in firefox and safari, but in IE links do not work.
