Below is HTML
<DIV class=info-box>
<DIV class=info-list>
<UL>
<LI>Author <SPAN></SPAN></LI>
[Code]....
I want hidecurrent LI element if SPAN doesnot contain anytext, Author doesnot having value so that will be hidden.
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 RelatedI have this piece of code:
$('.selectorheader').siblings('div').hide();
$('.selectorheader').click(function(){
$(this).siblings('div').each(function(){
[code]....
My DOM structure in HTML page have some elements 'IMG'. One of 'img' element have attribute 'src' = 'lolo1.jpg'. How can i find the 'DIV' element with this specific 'img' element inside? I have to find nearest 'DIV'.
[Code]...
I wanna write function like a GetNearestDivID('lolo2.jpg') which would give me result 'mix2'
I have a problem with selecting certain elements with jquery.I have a "newsfeed" where I have a lot of these tables:
Code:
<table class=newsfeed_table>
<tr>
<td class="newsfeed_table_icon"><img src="/CodeIgniter/verkstad/icons/nf-msg-cr.png" alt=""/></td>[code]....
It's basically just a table containing a message, who wrote it and when.I'm trying to build a function that filters what types of posts are visible in the newsfeed. So by clicking a button I want to be able to filter out the "message"-post or the "sale-alert"-post.Only way I can see which type of post it is, is by looking at the image source in the table. So depending on what that is, I want to set the table to display:none.
But I've been looking into the jquery selector a bit but I can't make it work. I've tried with .each(function and child selector...
I had to restructure my XML data on my project and now my code does not work. Before the xml was structured like this:
<project><copy></copy><image></image></project>
Now it is:
<company><project><copy></copy><image></image></project><project><copy></copy><image></image></project><project><copy></copy><image></image></project></company>
This used to work to grab the image and copy, (this) being the 'project' element:
text = $(this).find("copy").text();
photo = "imgs/work/" + $(this).find("image").text();
Now, since there can be multiple 'project' elements inside a company element I have a counter that tracks which index I should be on, but I don't know the syntax for getting project(2) image and copy within a company. I tried the following code using eq, but it's not working.
var currCompanyProj = 1;
text = $((this).project.eq("+currCompanyProj+")).find("copy").text();
I'm relativly new to JS and brand new to the forum so you might need to dumb down your replys for my slightly lacking knowledge. That being said I do have a very solid grasp of html, css and am getting there with JS and its various frameworks.I'm integrating wordpress into an existing site for a friend and currently have the main blog page appear in a DIV.This is the best way to integrate in this case due to many reasons mostly of way the site is constructed.
<div class="scroll-pane" id="scrollbox">
WORDPRESS BLOG
</div>
[code]....
is it possible to do document.getElementById("id-1").document,getElementById("id-2") in order to access an element inside another element
<div id="id-2"></div>
<div id="id-1"><div id="id-2"></div></div>
... i want to access the second element with id "id-2"
How do I get the results from the For Loop into the red div from this point?Also, does it appear that I'm thinking about this problem correctly?
HTML Code:
<html>
<head>
[code]....
I need to get the attribute id of the current element which comes from a selector. As I found out with the help of this forum I need to use $(this).attr("id"). Unfortunately this just returns "undefinied" for me. Does anybody have an idea why this doesn't work?
[Code]...
I've 2 field sets and a div inside each fieldset with some contents. When the legend of the current fieldset is clicked, I will toggle the div contents. I'm trying to write a generic function which can be used by everyone. Here is my design:
<fieldset id="fs1">
<legend id="leg1">First Legend</legend>
<div id="div1">
[code]....
here's the one of example codes from documentation:
<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-1.5.js"></script>
[Code].....
As soon as I add this line of code, .selected is nothi-lightedany more. Now, I understand that this is the way this function is supposed to work (guess so,otherwiseit's a bug), but I couldn't find any function in documentation that would go from my current element to the first element that has that classapplied and skip everything in between.
I appended an a and select tag inside a div.
When a checkbox is checked it will append these items. Yet, now I want it where if it's not checked or the person unchecks it... then it will remove the appended elements.
How can I do this?
This is the code I have so far:
if($('input[name="hosting_Service"]').not(":checked")){
$("#hosting_text").remove();
$("#hosting_options").remove();
}
This is inside a php echo.. so don't mind the " " it's just saying it's " "
according to the code... I check with a if statement if true and remove the elements. the condition is when the checkbox is not checked. I have the same exact code to append the elements inside the div. but instead I used the .is instead of .not the hosting_Service is the input that is a checkbox.
however this code seems to work.. only for hosting_options. yet, it breaks all the code... meaning I have the if statement before this checking if it is checked... then append the elements.
well if I add the code above it dosen't allow when you check the box to append the elements inside a div.Yet if I didn't add this code and then click the checkbox it will append the elements but without refreshing the page.. if I then add this code given to above the hosting_options would only be removed and the hosting_text will still not be removed.
I was both to work properly. I want it where if you click the check box to mark it... it should append elements into the div. If you uncheck it then it should remove those elements that were appended.
Suppose I have below code
HTML
<div id="nsu-navigation-bar">
<div class="nav-menu-box">
<ul>
<li id="nav_item_1_parent" class="nav_main_list_item">
<p><a href="#">About</a></p>
[Code]...
with my jquery code , I tried to hide and show the inside div of li but I can't . Is there any easy way to do this? like $(this).('.nav_item_panel_div') or something else which fits my need
I'm trying to select an image inside $(this) but can't figure out how to do it!
I can select it directly by using: $('#nav a img').fadeIn(500);
but that targets every element that fits into that criteria, not just the one I want to select.
how I can select only the image inside the $(this) variable?
I have a huge form with a lot of data.
There is a table that data in it I need to display on a print screen (of course this data isn't being displayed in the regular table).
So, I put the display text in a span tag.
So, this is how each item will look:
I need a way to grab all spans on the page that have the attributte of "printData" and grab that text inside that attribute and print it out.
How can I find if each of the <p> tags contains <img> tag, then style the <p> tags which contain <img> inside them?
I have pre-set all <p> will have this style,code...
how to remove the last letter inside an element, This is the code I came out with so far, but I cannot get the last letter from the structure of my elements and text - have I done something wrong in my HTML structure??
[Code]....
I'm trying to create a list of recipes which will on document ready all be hidden except the first one. And then when I click one of the dynamically added links (in a ul) in the sidebar I want the corresponding recipe to go from hidden to shown. I've managed to do everything really simply except I have no idea how to find the corresponding recipe when I click a link in the sidebar (the links link to the recipes with #recipe<number>)
$(".post").hide();
$(".post:first").show();
$("a[href*='#recipe']").click(function() {
$(".post").hide(600);
});
Somehow I need to access the id of the specific recipe, which I suppose should be possible since the clickfunction should store that somehow?
EDIT: I just realized that I could just use the href value as my id for the recipe (since its the same e.g. #recipe). However I'm having trouble using the variable that stores the href/id in the .show function.
$("a[href*='#recipe']").click(function() {
$(".post").hide(600);
var theHref = $(this).attr("href");[code]....
I want to detect if a checkbox is checked inside each item of a list element. If it is, I want to hide both the checkbox and the div text.
[Code]...
Is it possible to dynamically determine the current field element in a
form?
I ask because I have a 'tab' button on a form, and when a user clicks
on it I need to be able to shift the focus to the next field, and also
if the current field is the last field on the form, essentially to do
nothing.
Conceptually, I guess I'm trying to do something like:
function clicktab(){
variable = current.field.element.number;
if (variable < n) {
variable++;
document.forms[0].element[variable].focus;
}}
In the above function, "n" would be the total number of fields in the
form.
How to find a form element from any tag(element) which are under that form ? code...
View 2 Replies View RelatedI am using AJAX + JSON to construct a HTML code, which physicaly does not appear on my page, but after is created and put in a variable I display it with innerHTML. Then with another on e function, I tell some of the <tr> to get style.display = 'none', which is working properly! Then I want to check which of them are currently invisible an d for that purpose I use:
Code:
for (p = 0; p < rows.length; p++) {
if(document.getElementById(rows[p].id).style.display == 'none') {
alert(rows[p].id);
}
}
where rows is a define array with getElementsbyTag with all the <tr> - s. Then what happens is really strange - I am getting alerted ALL the <tr> ids, including the currently visible, and, then they dissappear, (as if I have told them to make them style.display = none, which I haven't)!! I have tried also with currentStyle instead of style, but the effect is the same.
I'm trying to update an element on my page after every iteration of a loop. I'm using a simple innerHTML to achieve this, however, what happens is the page freezes during the entirety of the loop, and finally updates when the loop finishes.
// below function is triggered by clicking some element
function go() {
for (var i = 1; i < len; ++i) {
document.getElementById("output").innerHTML += "Processing #" + i;
[Code]....
Ideally, I'd like the output to update and scroll down as the function processes the data.
Is the problem that innerHTML can't keep up with the speed at which the for loop progresses?
I would like to change cursor to pointer when mouse is over li element and it works until mouse gets over input or label element. I want to have pointer alse when mouse is over label or input in li elment.
View 3 Replies View RelatedI'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]....
