OK so say I have something like this:
<TD>
<p>Item A</p>
<p>Item B</p>
<p>Item C</p>
<p>Item D</p>
</TD>
So TD would be the parent and all of the <P>'s would be childNodes. I want to be able to click on each child and have it alert me its index # relative to the parent node. So 'Item A' should alert "0", 'Item B' - "1", 'Item C' - "2", etc.
In the code below I'm trying to find the index value of the LI where the link is selected? code...
View 3 Replies View RelatedI can't seem to get a drop downs selected index.
This is my drop down box code...
I require to highlight the text on the webpage. For that I am using document.getSelection() function to get the selected text and then replace the text with the highlighted text. It works fine but have some problem with that.
If user has selected a single word rather then a long text to highlight, and if it's a common word, It will find many words in the text and will highlight the first word it encounters no matter user has selected it or not.
So I need to have a function that returns me the start and end index of the selected text from the html text.
I'm assuming it's possible to change the selected option of SELECT box with JavaScript based on the value and not index, but my searches have turned up nothing that seem to address this. It may be my searching terms, but if someone knows how to do this, could you post some code samples?
View 3 Replies View RelatedCan you please tell me how to set combobox selected index value from client side??
[Code]...
I'm working on displaying a list of events on my site and need to display them in ascending order. i've got an xml document that looks like this(with multiple events obviously,Can anyone help me with sorting this? So far I have it displaying only events that are occuring after the present date(currentDate). How would I go about displaying them so that the events displayed will be in the order of the earliest date displaying first?
View 3 Replies View RelatedI'm attempting to physically change the index order of the elements returned by a selector.For example, I'm attempting to make it so when someone clicks on a button, it swaps the index position of the element above or below it (depending on which button they press).I tried to assign it using something like $('.draggable :eq(2)').attr('index', 3)But it didn't seem to work. Is there a way to do it using jQuery, or do I have to change it within DOM itself? Or is there another way to do it?
View 2 Replies View RelatedThe following script works on i.e well but it gives error " childnode has no properties" . Is there a way to get this fixed? Here is the code:
View 8 Replies View RelatedI have the below array called "results". When I loop through all document elements I would like to check "field_name" against the "results" array and see if it exists and what index number it is at??
// Split the comma delimited response into an array
results = result.split("~");
//Loop through array and populate fields[code].....
I am trying to get the index of a li with a specific class. I know I'm selecting the right object because I can apply a CSS class to it (eg change border colour) but when I try to get the index it returns -1. But I know the object exists as I can alter it. :-s
jQuery(document).ready(function() {
var active = $("#tertiarynavigation .bordered").get(0);
var num = $("#tertiarynavigation li").index(active);
alert("Index: " + num);
[Code]......
I have a problem with layers. In my example there's a link inside div#msg with 'z-index:1' and a overlay with 'z-index:2'. Now when "mousedown" fires, will change the div#msg z-index value from 1 to 3 to be on Top, so the link become a clickable link.
The question is, it is possible to make the link on top and open it with just one click?
This example can do that but won't open the link!
HTML Code:
like for example i have text areas named upload1 and upload2when I click or add input on upload1 a drop down list below upload2 will not change, but when I add input on upload2 the dropdown will select "parts"
View 3 Replies View RelatedI have various list boxes in a web form. I need list box No. 4 to be disabled until a selection is made in a previous list box, the No. 2 listbox. If some selection is done in listbox No. 2 then I can do a selection of list box No. 4. How can I do this?
View 2 Replies View RelatedThis is irritating cause i read a arcticle with a solution to this in one of the many newsletters i receive, but then i didn't need it and now i do i can't find it, and i'm searching for days now .
I have say 3 links
link1 --- link2 --- link3
all of then formatted nicelly with CSS. When i select one of then, say link1, it becames with a diferent background color.
What i want is to keep tha backg color even when the user clicks anywhere on the page (thus loosing focus) and until another link is clicked.
I tought this could be possible in a CSS only way, but now i think i have to use some Javascript.
I'm using jQuery to check if a group of radio buttons has one of them selected. This works fine if there IS one selected, but errors if NONE are selected. Can anyone show me how to make it work if NONE are selected?[code]
View 1 Replies View RelatedI have nested tabs structured like this:
<div id="tabs">
<li><a title="outerTab1" href="#outerTab1"></li>
[code]....
I need some jQuery code to get the data from the URL (example.com/?areaCode=1234) and then use it to add selected="selected" to the correct option from this set.
<option value="1111">one one one one</option>
<option value="2222">two two two two</option>
<option value="3333">three three three three</option>
<option value="1234">one two three four</option>
I hope you understand, it's quite hard to explain even though its super simple.
I can do this in PHP by doing<option value="1234" <?php if($_GET['areaCode'] == 1234) { echo 'selected="selected"; }>one two three four</option>
I have 2 "divs" in my page, as defined below. Given teh z-index values, I would expect the text in the "flash" class to overlay the video div.. But all I see is the video div. Code:
View 2 Replies View Relatedalert(document.getElementById("elem").style.zIndex);
That code does not work! Even if I use parseInt it then it only shows NAN in the alert box.
I need to set tabs on java generated pages. Pages have four sections:
header, sidebar, body, and footer. The sidebar and body change dynamically.
The tab key must go to anchors, fields, and buttons doing all in the header
first, all in the sidebar second, etc. A base page contains includes for all
the pieces and has the body tag. Code:
I'm having problems with finding the index of a row based on a onclick of an image within a row. I have no row id and all my rows have the exact same name.
<tr><td><input id='var1' type='text', onclick = "getRow(this)" /></td><td><input id='var2' type='text', onclick = "getRow(this)" /></td></tr>
function getRow(rowValue)
{
[Code]....
Just started to dabble with jQuery I can get the id for a clicked element, but how can I retrieve its index number within the class?
Code:
$(".heading").click(function () {
$("#containContent").slideToggle(100);
//window.alert($("#containContent .content").length);
window.alert(this.id);
});
Hopefully I can do this from the 'this' reference without having to backtrack through the id?
I have a proscroll javascript on my website. Does anyone know how to change the z index. I want things like my dropdown menus to appear above the scroller. Here is the code for my proscroll.
<APPLET height=23
width=780 code=scrolltext.class><PARAM NAME="text" VALUE="My text is here">
<PARAM NAME="info" VALUE="">
<PARAM NAME="bgcolor" VALUE="ffffff"><PARAM NAME="fgcolor" VALUE="000000">
<PARAM NAME="fonttype" VALUE="verdana">
<PARAM NAME="fontsize" VALUE="12"><PARAM NAME="fontstyle" VALUE="1">
<PARAM NAME="delay_time" VALUE="10"><PARAM NAME="link" VALUE="">
<PARAM NAME="target_frame" VALUE="_self"></APPLET>
I have an array of integersI like to retrieve the max number and index of max number from that array without using Math.Max() function..Presently in this below code, I have 4 dynamic values, end user will be select degree from combo box, entering the values semester, Max marks and Obtained marks as numeric values. Once entered dynamic rows will be created and it also calculate the percentage by the formula (om/mm)*100 for each row on clicking Sum and it also creates new columnŠI needed to have code when the degree changes only.. it should calculate the sum of all max.marks and Obtained marks of each semester and then calculate percentage by above formulaŠ and also new column should not be createdsort with max markswhat is the easiest way...
Cheers
Santhosh
function insRows()
[code]....
I want to Show Videos inside an Image of theater curtains, image should float ABOVE the videos. Cant work out why it wont work, I have.
<style type="text/css">
#tablist{
padding: 3px 0;
margin:0;
[Code]....