Select Any Element - Hide The Element Clicked And Items
Jun 22, 2009It is possible to make a script that hides the element clicked and this way hide the items I want.
View 1 RepliesIt is possible to make a script that hides the element clicked and this way hide the items I want.
View 1 RepliesI wonder how you can select the ID of an element (li) you have clicked and pass this to the server to do stuff with it :-)
View 2 Replies View RelatedWhen the page loads there will already be a drop-down on the page, here's an example of the drop down.
<select id="dropdown">
<option value="2121S">Option text</option>
<option value="2122S">Option text</option>
<option value="2123S">Option text</option>
<option value="2121A">Option text</option>
<option value="2122A">Option text</option>
<option value="2121K">Option text</option>
</select>
On page load it will evaluate this drop-down and repopulate it determined on their values. If there is an S in any of the values the drop-down will generate an option for 'S' like so.. <option value="s">S Option Text</option> And for the first code example in this post - the Javascript would be able to repopulate the drop-down with the following:
[Code]...
i've been breaking my brain about this issue for a bit now, so here is my question.
I have a SELECT with various OPTIONS
<select id="myselect" name="myselect">
<option value='$variable' >1 - variable ammount of this option</option>
<option value='$variable' id="showOption">2 - gets added once at the end of the SELECT</option>
[Code]....
I'm having some problems understanding the append() function. What I'd like to do is select an element using it's ID and add a row to the table with a HTML form element. The table is dynamically generated using a Django template ( form.as_table() ) so I'm not able to alter the original HTML markup too much.
If I had a table like this...
I have some existing code that I need to alter so that when the user clicks outside the element, the element disappears. I have looked at other show/hide element code, but I'm not sure how to integrate it with the script below.
There's a date form, with an calendar image icon. When you click on the calendar icon, a div with a calendar opens. Then you can click on the dates, that when clicked will fill out a textfield with the date.
The form code:
Code:
<div class="TSearchBox">
<div class="TSearchBoxDate">
<span class="normal TLabel">Frn: </span> <input name="TLfd" type="text" value="2010-03-30" />
<img src="images/datum.gif" class="TCalendarImage" alt=""
[Code]...
I'm trying to unselect element or not allow select element to prevent this:
How can i do this? This only happens on FF, on IE8 its fine..
My html:
I am working on a e-commerce site and I need to hide the checkout link (<a>) if the value of of the element (<td>) holding the amount due ="$0.00".
<tr
>
<td
colspan
[code]....
I want to get the text between the second td. The 83:
<tr
bgcolor
="123014"
> <td
[Code]....
The table hasn´t a id ore something lime that.
Thought of something like this ;)
var kraft_cp = ('tr:has(td):contains("Kraft")');
i have a menu generated by a list with nested lists. i want the parent link to stay highlighted when the mouse hovers over the sub menus. because those sub menus are also generated by jquery (qtip), CSS alone won't do it (triedul.topnav li:hover a {background-color: #F00;}).is there a way to do this using jquery?
View 15 Replies View RelatedIf I have a group of elements, <li>'s in a <ul> for example, is there a way I can know I clicked on n of them?
[Code]...
In my html head tag i have a script like as below
$(
function
(
)
[Code].....
I am trying to update some values on the page when an img is clicked. There are many img tags on the page. I am not sure how can i determine which one is clicked.
Do i have to add an onclick event to my img tags with some id parameter or is there a possibility to detect which element is clicked on the page without calling a function?
I have several <a> tags with the class 'a-menu-description', and an equal number of divs with the class 'menu-description'.
I am trying to get it so that only one div opens for the appropriate <a> tag, but when I click any of the <a> tags, all of the divs open up.
Here is my code:
Does anybody know what I can add in so that only the div associated with the <a> tag opens as opposed to all of them?
[url]
I am working on a little project with fullcalendar but while writing some callback functions stumbled upon an issue: Fullcalendar generates html that looks like this: <a><span></span><span></span><span></span></a>.
Now there is an eventClick callback that is fired when clicking on that <a> element. However, in that callback I would like to know which <span> element was clicked.
I have an html file that looks like the following.
<div id="outline-container-1_1" class="outline-3">
<h3 id="sec-1_1"><span class="section-number-3">1.1</span> Counting </h3>
<div class="outline-text-3" id="text-1_1">
[Code]...
I have an auto running function which slides and changes content every 3 seconds.
But I also have another jquery effect which when you click, it also changes the effect, but at the moment I can't have both running at the same time as weird behaviour happens (when clicking, it changes then because 3 seconds have passed it changes again anyway).
We want a way where the user clicks to change, and the auto running function ceases until next reload of the page. code...
Is there any way to capture the Id of an element being clicked within a page?
View 3 Replies View RelatedLet's say I have a table with 5 rows;
<table id="tbl">
<tr><td>Please</td></tr>
<tr><td>help</td></tr>
<tr><td>me</td></tr>
[Code].....
Now if someone clicks on the row with content "help" (2nd), I want to catch the click with jquery .click() and know within the jquery code that the user clicked on the 2nd <tr> element within table#tbl.
If someone clicks on the <tr> with content "this", my jquery code has to return 5, because its the 5th row.
i am trying to make my custom made combobox with using jquery and ul li menus. So when mouse clicked to the li element i have to read its value and set its parent to the clicked element value etc. Basic selecting method. So how can i read the clicked li element value and set that value to the parent of it. Here my structure.
I want to read clicked li element text not other one i tried var htmlStr = $(this).text;
[Code]...
i am trying to build a function that takes into account a click event and SHIFT key press event on a particular element.
so for example, i want to do something only when i click a box WHILE pressing the SHIFT key.
how do i program this using jquery?
I have an <input type="checkbox"> whose immediate parent is an <a> tag. The <a> is significantly larger than the <input>.
I want the checkbox to toggle on/offwhether the <a> is clicked or the checkbox itself. I also wantto store the value of the checkbox after it changes.
This sounds simple butI'm having trouble with the event bubbling (as in, I don't understand it).
Here is my current code.
HTML:
as you can tell by the following statements, i'm new to jQueryI'm trying to do the following (in plain english) without too much success.. ) when document ready.. 2) find the element with id 'next'.3) pull / take all 'li' elements, and perform so and so, all whilst excluding 'last' element.
$(document).ready(function() {
$('#next').click(function() {
$('li').each(function() { //for each li ..
[code]....
I'm trying to swap the class of an element when it's clicked on. Using jquery 1.6.1, here's what it looks like:
[Code]....
Now, for the sake of brevity�*i omitted some other stuff that is happening when they're clicked on. The problem is that the click event for .unchecked_container is firing fine and the class is changed, BUT when clicked on again�*the '.checked_container' click event is NOT firing.
I'm trying to find the currently clicked index of .accordion_trigger from within another element.
When inside the .accordion_trigger click event I can simply do the below to get the current clicked index:
Code:
$('.accordion_trigger').click(function(){
var index = $('.accordion_trigger').index(this);
}
return false;
});
Obviously this doesn't work when called from within another element. I understand that 'this' is part of the problem but can't seem to find a way to form the code in such a way for it to produce a valid result. Thus far I only get -1 or 0.
When .accordion_trigger is clicked it has an "$(this).toggleClass('active').next().slideDown();" applied so in theory I shold be able to search for which of the .accordion_trigger's are "active".
I've also tried doing this via the below method but to no avail:
Code:
var current = $('.accordion_trigger');
current.each(function() {
if ($(this).hasClass('active')) {
[Code]....
I have two div tags, first div is the father and the second div is son Inside the father like this
PHP Code:
<div id="father">
<div id="son"> </div>
</div>
[Code]....
My question is why the son inherits the father in the event.
I want when I click on the Father div implement the event, but when i click on the son does not implement anything because it does not have any event.
Alright, I got the basic idea (which is relatively easy):
function show_el(id)
{
var obj = document.getElementById(id);
obj.style.display = "block";
}
function hide_el(id)
{
var obj = document.getElementById(id);
obj.style.display = "none";
}
The problem is, you need 2 different links, one to show the element, one to hide it. What I want is one link that changes depending on whether or not the element is showing: If it's showing, the link will be "Hide Element", if it's not, it'll be "Show Element."
I've seen this done a lot, mainly in expanding/collapsing, which is basically what I'm doing. I imagine it's not all that hard, but I just can't seem to figure it out.