I have a html page that contains a number of <H2> tags. I need to find this specific <H2> tag:
<h2>Submit Your Survey</h2>
...and then replace the text 'Submit Your Survey' with something else (such as 'Click the button below').How could I do this?
I've been using the following to provide a moving background for the BODY element... but would very much like to apply this to the background inside a specific DIV element (with css id: #banner).
Code:
Any ideas how to modify the position of a specific DIV ?
I found a nice script over at jQuerry for Designers that I'm using in a Drupal site. It seems to work fine, except for that every anchor tag on the page triggers the script! how can i adjust the script to target a specific anchor (currently has an ID of "test") and ignore all other anchor tags? here's the script, its placed in an external .js file:
[Code]....
.change() is only for form elements minus check boxes/radio buttons, etc.Are any of you aware of a script that does this already? Hopefully one that is easy to implement.I just want to monitor things like height, number of inner elements, or any change in the inner HTML.
View 1 Replies View RelatedI'm in the midst of some volunteer work for my local roleplaying community, creating their website. I want to use a menu bar in the top with a <ul> and simple "a href"'s to switch between the main content. The content of each 'page' will be retrieved from a phpBB board using php.
I've chosen jQuery because I want to learn more about it and have stumpled upon this problem: How do I target a div, show that, and then hide the current one (or simply all other divs with a certain class). Maybe it has to be done the other way around, hide and then show, to prevent the page from being displayed in a weird way while they're swapping place.
If possible, I would also like to only load the content of the content divs when the menu button is clicked, so it doesn't take load time at first.
How would I target (with jQuery or normal javascript) the 5th and 6th li in an unsorted list for styling? I need to change the css for only 2 items in a list.
View 4 Replies View RelatedI have a slider set up that navigates fine using 'next' and 'prev' buttons. There are 14 slides and I have 5 buttons at top that I need to point to specific slides in the layout. Content is static and there will always be 14 slides, and the links will always link to the same slide.So I can manually set IDs for those slides and I can also manually designate each link to go to whatever slide... but I'm not sure how to move forward.My existing slider code is very basic:
$("#slider").cycle({
fx: 'scrollHorz',
timeout: 0,
[code]....
So, the slider is working great. I just need to create navigation that allows a few links to point to specific slides here.
i have got about 50 definition lists on one html-page witch all look linke this:
<dl>
<dt class="title">aaa</dt>
<dd class="subtitle">bbb</dd>
<dd class="city">ccc</dd>
<dd class="email">ddd</dd>
<dd class="website">eee</dd>
<dd class="description">fff</dd>
</dl>
if the dt-element in one of the definition lists has a specific css-property (e.g. length > 100px) then the dd-element with the css-class "subtitle" in the same definition list should be removed.
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 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 would have wished it under better circumstances. However, I'm having a quite annoying problem. I'm using jQuery UI hide effect and for some reason it messes with the DOM and/or and completely messes up some of my controls.$('#dvucCustomization').hide('fold', {}, 500);Is that the correct way to call the hide effect on a DIV element?I also tried simply:$('#dvucCustomization').hide('fold');and the same result: the JSs I have in the hidden/shown element are not working any more.
View 6 Replies View RelatedI have a following menu that I'd like to be collapsible.
<ul id="#menu-sidebar">
<li>Menu item 1
<ul><li>Menu item 1.1</li>
<ul></li>
<li>Menu item 2
<ul><li>Menu item 2.1</li>
</ul></li></ul>
This collapses and expands them, but of course all at same time.
$('#menu-sidebarli ul').hide();
$("#menu-sidebarli").click(function(){
$("#menu-sidebarli").toggle();
$(this).toggleClass("active");
});
I've been trying to experiment with the .next() trying to get the next ul li ul element but with little luck.
$('#menu-sidebar li ul').hide();
$("#menu-sidebar li").click(function(){
$("#menu-sidebar ul li").next().toggle();
$(this).toggleClass("active");
consider the following code;
$("#content").click(function(event)
{
if($(event.target).is('a'))
{
$(this).//do something
}
}
I'm binding a click event to a div so that I can see whether is was the div or some element inside the div that has been clicked. When the if() in my code evaluates to true $(this) is still equal to $("#content") whereas I'd like to have the clicked anchor as matched element. How would I do this?
I'm just starting out, and having a little difficulty understanding how to target other html markup around a certain 'on click' item.[code]So when the user clicks the anchor the text is inserted into the following textarea. I achieved this by:[code]
View 2 Replies View RelatedI have the following code
[Code]...
I have the .box class applied to a div basically I what to hover over the div change the background color of the div and at the same time change the text color of any text wrapped in p tags. I am getting close but with this code every instance of the p tag gets swapped out I need to know how to target only p tags in the div that I am mouseing over
I want to call me function on document ready and target elements will generate by AJAX at run time. Is there any function for that?
I'm familiar about live() and delegate() but main problem is that, We can use it with any event only :(
We can call delegate() or live() with events like click, mouseOver, mouseLeave, focus etc. There is not any way to call it on document ready :(
Is there any other function we can use to do that without any event?
In this case the e.srcElement/e.target should return 'home' or 'about', but instead one of the two layers inside 'home' or 'about' will be returned. And these dont even have a onmouseover attribute! The following page is specially made to make it easy to fix the bug if you know how :-)[URL]
View 8 Replies View RelatedI'm having problems selecting a specific index of an element in an array.
Here's the HTML code : (assuming there are 10 of them)
<div class="share-plus-container">
<span class="share-plus-link">Share [+]</span>
</div>
<div class="clear"></div>
<div class="right share-plus-box">
[Code]....
So the output that I should be expecting is that in an array of div's containing "share-plus-container" and its children, upon hovering the "Share [+]" link, it should display the "share-plus-box" div of that specific link.
I have a div with several classes on, like this:
<div class="class-one class-two special-class"></div>
I want to get the class that starts with 'special' and store it in a variable...but I am having trouble doing this...I can get as far as storing all of the classes in a variable:
var myClasses = $(this).attr('class');
...but I now need to extract just the one class that starts with 'special'...
How can I select red-marked TR ? by one $("") and without loop of course
<table>
<tr>
<tr>
<tr>
[Code].....
I want to start traversing backwards from the previous sibling of a specific div element. I've tried something like this but it does not seem to work because it's only selecting the specific div:
var start = $("#specific_div").prev("div"); // start from the previous div sibling of the "specific div"
jQuery.fn.reverse = Array.prototype.reverse;
start.reverse().each(function(i, E){
console.log(E.getAttributeNode("id").value);
});
[Code].....
there is a text box in a html page... When a user writes "23 April" And click "Go" and then an excel file should get open named "23 April.xls" and if user write any other date than it should open file with name of that same date with the extension .xls And also if there is any date picker to insert a date in the text box but in the format dd mmmm, eg. "14 March"
Now I have a code where i have a text box and a go buttom and if a click write anything and click go button then i will directed to the xls file with the name written in the text box.... BUT I AM NOT ABLE TO LINK A DATE PICKER TO THE TEXT BOX WHICH INSERTS THE DATE IN THE dd mmmm FORMAT Eg: 23 April
CODE I ALREADY HAVE FOR OPENING A PAGE
<html>
<head>
<!--
[Code]....
The thing is i am trying to create an intranet website for my office use only with the help html.. now on one of the page I need a link for the weekly based data stored in excel files... the name of those files are "Schedule for Week 04th May to 10th May.xls" So I need a popup calendar to insert a date and when a button click is hit then the above metioned file should open...
The above mentioned file has the date for the first and the last day of the week.. where the week starts on monday...
how to change a specific row's color?
View 1 Replies View RelatedHow is it possible to get the class starting by 'date' of a specific element?
e.g. <p class="hello date123 world"></p>
I would like to get the class date123
My question is quite simple with an example:
[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...