I have a div that is identified by a class name of .thumbs, and Inside this div are numerous thumnail images.
I was hoping to be able to click on any one of the images and pass back information, such as image src, to a function for some type of processing. The problem is that there are many thumbails and adding an id to each would be very arduous and not very dynamic.
I'm having a hard time wrapping my head around the logic needed to solve this problem.
I am developing a fairly complicated application with a lot of JavaScript and making use of JQuery. The application repeatedly makes simultaneous GET requests.
I am looking for a way of assigning a unique token to each request when it is made, so that I can store information about that request and cache the request / response combo, when using $.get() (or potentially $.ajax() if required for the extra functionality).
So far I have not had any joy and after a while googling this am none the wiser. I have used similar functionality in Flex 3 with the AsyncToken object which can maintain data between HTTP request / response.
<script language=javascript> function getSelText() { var txt = '';
[code]....
how do i identify the frames?.. document.getSelection(); and window.getSelection() only work for the frame the code is on. how do i change these getSelection(); for specific frame? i tried copying code to top frame but doesn't work. i tried changing to this but no success
I use named anchors to take users to specific parts of a long page. But I want to add some processing and do some things with my nav bar when users go to certain sections delineated by named anchors. I understand that the anchors array creates an element for each anchor in the page when the page is loaded, but how do I identify which anchor is currently being viewed?
Here's some pseudo code:
if (document.anchors.name == "section_B") {
then do this or that
}
But what do I test to determine the current anchor name?
What about using id's instead of names? Can the anchors array return anchors created with id's as well as names? Would this be of any benefit?
I have jsp1.jsp with an iframe iframe1.jsp within. Once the http session is expired any page is redirected to a logout1.jsp page.
If the iframe1.jsp was loaded and httpsession expired the logout1.jsp is displayed inside the iframe .... but I want it to be displayed on the full screen.
My idea is to check once loading the logout1.jsp if it is inside an iframe and to reload it's parent. I tried following lines within the logout.jsp. It worked well, but caused an infinite loop ...
if (window.parent != null ) window.parent.location.reload();
I guess it is not the correct way to check if a window is within an iframe...
I have a form with multiple SELECT drop-down menus. Each menu can submit the form using the onChange function. How can I determine which of the drop-down menus was used to submit the form? Example:
The following javascript coding is used in a "select a city" dropbox.
I made a submit button. I want the button to redirect the page to "page1.html". "page1.html" will be a webpage with events located in Auburn, Alabama, United States.
My submit button:
Here is my function:
Right now my button doesn't recognize if i select "Auburn", so it never sends me to "page1.html". Can someone please help me write the correct if statement?
The best way to describe what im trying to accomplish is with a code snippet. Im using the free .NET ajax library.
<script language='javascript'> function proc1() { myFunc("MyCodeBehind.MyAjaxProc"); } function myFunc(procName) { procName("My Parameter", processMyFunc); } function processMyFunc(response) { // Process response from the server } </script>
So im essentially invoking an Ajax function , but I cant explicitly use the name of it like so
What I'm trying to do here should be simple and I suspect that I'm just overlooking something basic but I'm overlooking it. If you can tell me what I'm not seeing here, I'll be most grateful. This is the associated HTML code. Two statements to be rated from 1 to 10 using radio buttons.
<tr> <td width="25"><strong>A</strong></td> <td width="210">A statement is here</td> <td width="21"><input type="radio" name="SI_QA" id="SI_QA_1" value="1" /></td> (total of 10 lines like this)
I have a form that I am validating all fields. I successfully completed the Javascript functions for that...the problem is that within this validation I need to check if a specific selection was made within a radio group (array) and if , let's say "Yes" was selected, then another radio group would not be required. Code:
I'm designing a website and I would like to add a certain class to a navigation element based on the document title. I currently have the following javascript. The nav elements have separate ids (the About Us nav element has the id="about" and so on)
<code> window.onload=function(){ var docTitle = document.title; var about = document.getElementById("about"); var advising = document.getElementById("advising")
[Code]...
The problem seems to be that the if statement is true whether or not the document.title ="about" or anything else, (if I remove the return, both about us and advising elements have their class changed.
My CMS generates forms in a specific way, and I need to change the way validated fields are selected. I'm using the validation plugin: It identifies form fields that have the "required" class. My CMS generates required elements like this:
<div class="required"><input /></div>
I was hoping this can be easily changed in the plugin syntax, but I can't find any reference to such a change (to select the required fields using this selector: ".required input"[where input is any form element])
I'm basically making a form for a class and have to make it so the user can enter their mailing address or e-mail. I can make the Javascript identify errors such as missing fields, but I wan't the purpose of my radio buttons to be so that the user does not have to enter all fields depending on which radio button they select. Here is all of the code I have so far, in a basic sense that this will identify missing fields.
<html>
I'm using classes because I can't seem to get ID's to work, but the main problem is that doing it the following way makes the page skip directly to my confirmation page without ever checking the fields, so no error messages appear. This is a general sense of what I'm trying to achieve:
function validateForm()
I think more what I'm looking for is the syntax to identify the radio button status.
I'm having a problem in identifying the current element. I have a for loop, within which i'm creating a 'TD' and then a 'A' (anchor). I have added an eventListener (onclick event) to the <a>, which invokes a method. The problem is i'm unable to identify on which <a> the user has clicked. extracted code:
Code: for(i=0; i < count; i++) { .... .... var td2=document.createElement('TD'); // Add title var title = document.createElement("a"); [Code]...
My site is secure but also contain non secure items from google adsense. users have the options to view secure only or secure and non- secure item. I would like to be able to identify what that user chose so I can show some other things if they choose to only see secure items.
Stuck in the bottom-right corner of this page is a Social Media sharing tool floating over the page content. It's semi-transparency changes upon hover. It grows out from the corner upon hover as well. [URL] I'm thinking it's ShareBar but I don't see anything like it on the ShareBar site.
For lack of a better understanding/ solution I'm trying to identify if the mouse is in a specific set of elements.
The problem is that the event.pageY is never in the $Clear target? Is there some other offset value relative to headings or something. I thought this was all in absolute screen coordinates?
Also --- Is there no way to get any mousedown even outside of a form element? Seems that mousedown only returns a value for some element on the page. I would like to also trap a click anywhere on the page?..
I have a page I am working and I am having some trouble with: I need to show and hide areas based on a radio selection. I initally started using the show / hide feature in Jquery but the problem is the elements need to be removed but then put back if the user selects the radio buttonagain as it has form elements that have validaion on them. The validation is still trying to validate the form elements becuase they are still on the page but just not showing. This is the radio group the user makes the selection from:
I have HTML tags stored in XML. I want to be able to use these HTML elements with Javascript, just as you can with elements in document.body. How can it be done? (And don't try and tell me I should use server-side because I have written it all for Javascript and the project is nearly complete minus this and there are practical reasons for not doing this server-side. After all, anything is possible with Javascript!)
Let me explain:
- I have HTML templates such as this [URL]
- I want javascript to populate these templates then add them to my page
- The only way I know javascript can get this kind of data is by parsing XML
- I want to parse the XML then be able to use the HTML elements just like those in document.body
- As far as I'm aware, XML is the only good way of storing data for javascript. I don't want to store it in javascript variables (too much multiline data with " and '). Nor do I want to build it using document.createElement("div")... etc
As someone not yet with any experience in computer science etc, please ignore my poor terminology! However, I'm not a beginner when it comes to javascript.
Here's the script concerned but I doubt it'll help you understand my problem: [URL]
So i've got a form that adds an element onto the page. This is working. When I try to remove said elements, that works. But the same 'delete' button doesn't work on elements not generated by javascript.
Code JavaScript: function destroyQuickTask() { $.post($(this).attr("href"), null, null, "script");