JQuery :: Change The First Available Link Without Affecting The Others

Nov 8, 2011

I am having is when I click on a link that contains:

$('ul:first a').filter(function(i) { return $.trim($(this).text())== ''; }).text('OSIS')

It changes all the available links that contains text()==''. however I only want it to change the first available link.

Here is some of my code as an example:

$(document).ready(function() {
$('#osisbox').click(function() { $('ul:first a').filter(function(i) { return $.trim($(this).text())== ''; }).text('OSIS')

[Code].....

View 1 Replies


ADVERTISEMENT

Change Value Of "y[0]" In The Local Scope Without Affecting "this.a"?

May 5, 2010

I have the following simple script.

Code:

<script>
SPC = {
a : [10],
b : 10,

[code]....

why does the value of this.a[0] increment? I'm assigning "y = this.a" and updating element of "y" as "y[0]++;"?At the same time, exactly the same thing is happening with "b": "z = this.b; z++". Yet, "this.b" remains equal to 10.How can I change value of "y[0]" in the local scope without affecting "this.a"?

View 6 Replies View Related

JQuery :: Swap The Content Within A Div Without Affecting The Other Divs With The Same Class?

May 28, 2010

I have a listing of items on the page and each one has a <div> with a description in it. There are two versions of each description, one short and one full length. I like the user to be able to swap between them by clicking the 'more' and 'close' links. The problem with what I wrote is that it applies to all the divs on the page instead of the specific one that was clicked. What can I change to correct it?

The jQuery:

$(document).ready(function() {
$('div.desc > p.desc-full').hide();
$('a.more').click(function() {
$('div.desc > p.desc-trunc').slideUp('fast');

[Code].....

View 1 Replies View Related

JQuery :: ReplaceWith Affecting Wrong / Proceeding XML Record?

May 20, 2011

I have a jquery script converting a XML file into html and part of the script is set to display an image based on the value in one of the elements. It's almost working as planned except that it affecting the preceeding record instead of the record that meets the conditions of the if/else statement.[code]

View 2 Replies View Related

JQuery :: Multiple Select Boxes Affecting Visible Items

Feb 17, 2010

I'm quite new to jQuery and have this working, though I'm fairly sure if this won't be an efficient way to do this. I have a form with each day of the week, and each day has a choice in the number of slots which then shows the correct number of slots for entry for that day.

The form:
<table border="0" cellspacing="0" cellpadding="0" class="DataTable"><tbody>
<tr>
<th>
Day
</th>
<th>
Slots .....

This is simplified just a little as there are more than the 1 input in an 'Entry Section' (eg .Entry3). The jQuery I have working here is:
<script>
$(document).ready(function(){
$("#frmSlots1").change(onSelectChange);
});
function onSelectChange(){ .....

That's working fine, except I do want to have 7 days so that would be quite a lot of replicated jQuery code. I am thinking there will be a way to identify the select item with the others so jQuery will know which to adjust without having to spell every single item out. Is there an easy way to achieve this in the above?

View 1 Replies View Related

Replace Link Text And Change Link Behaviour

Jun 24, 2010

Can anyone explain why replace doesn't work in the code below, the anchor text doesn't change when I click on the link.I will be happy if someone can tell me

1. how to change the linktext to "Hide information" when I click on the link.
2. how to hide the showInfoText (which has been visible when I clicked the first time) when I click on the link - now with the text "Hide information" - again.
3. how to make the link clickable again. Just now it is only clickable once.

View 3 Replies View Related

Lightbox Affecting JS Slider

Apr 26, 2010

I was just wondering why the use of lightbox is affecting the javascript slider.

Take a look at this page:

[URL]

The images down the right are clickable(lightbox)

Now the header should be a JS slider like on this page: [URL]

Notice the slider works on this page.

View 1 Replies View Related

Affecting An Html Element Before Opening It

Nov 20, 2010

I'm making a site for my g/f – She's writing angel messages for each day of the year, 1 message on 1 page and these (eventually 366 pages) are accessed from this one page:

[URL]

This menu page uses JS to slide to particular months. The place I'm stuck is how could it be possible to go from a particular days message, back to the month of that message in the per-datum page (having the page slid to that month)...

for clarities sake... “Terug” means “back”, so for example to click on october 22nd message, read the message, and terug back to Octobers seeds rather than back to the per datum pages month selection calender.

My best effort so far is to put this in the a tag:

onclick="document.getElementById('waarzegstermove').style.cssText='left: -1000px;';"

-1000px would be Januarys terugs, -2000px Februarys terugs etc to have it already slid to that month, this code works when on the same page, but when its on the message page before loading up the per datum page it seems to lose this setting.

View 1 Replies View Related

How Can I Stop XP 'Large Fonts' Affecting Web Page?

May 27, 2006

I notice when I design a basic HTML page, it
is affected if a WinXP user has Large Fonts set in their Control Panel.
However some pages, e.g. www.bbc.co.uk/news are unaffected by this I think.
They are definitely not affected by changing the font size within the
browser.

Because I want to add tables, which will word-wrap incorrectly if the font
size is changed, how can I disable allowing the browser to do this?

Basically I want the font size to stay how I designed it. If they need it
bigger, they can use the zoom option in more recent browsers. Code:

View 54 Replies View Related

Iframe Affecting Anchors Of Main Window

Dec 11, 2009

I have javascript in an iframe that controls showing/hiding of divs. This works great, but after the javascript is executed it changes the behavior of anchor tags of the main window of the website (namely - links in the main window all open in new windows and not in the specified target iframe). I've searched and searched and looked up all sorts of things, rendering me a confused and frustrated fellow.

[Code]....

View 2 Replies View Related

JQuery :: Change Link Color On Click?

Oct 4, 2011

I've got 2 scripts for my website. The first is an AJAX script which loads the different pages when the links are clicked. The second scriptfades content in and out on the home page when another set of links are in.

I'm struggling to change the color of both sets of links when they're clicked.

Here's the code:

$(document).ready(function() {
//AJAX: loading contens of pages
var hash = window.location.hash.substr(1);
var href = $('#nav li a').each(function(){

[Code].....

View 2 Replies View Related

JQuery :: Change From The Button Being The Trigger To A Link

Aug 10, 2009

I have used the overlay tool - following the instructions from the [URL]

and now I want to integrate it into my site but I want a written word to trigger the overlay not a button.

On my page here [URL] you can see that the button is triggering the overlay - change it so that the 'About' link triggers the overlay.

View 1 Replies View Related

JQuery :: Change Background Position Via Separate Link?

Feb 25, 2010

I'm trying to change the background-position of DIV1 (a separate tag) when the following tag is hovered code...

View 1 Replies View Related

JQuery :: Change Current Link Opacity And Color

Oct 18, 2011

I've got this script which effectively should change the clicked link's opacity to full and its siblings' opacity to 0.6. The only part that works though is the changing the text color to black. Here's the script:

<script type="text/javascript">
$(document).ready(function(){ $(".menu a").live('click',function(){
$(this).siblings().css('color','red');
$(this).css('color','black');
$(this).css('opacity',1);
[Code]....

View 3 Replies View Related

JQuery :: Change Mouse Pointer When A Link Is Clicked?

Jan 15, 2011

I'm making a webpage for a little embedded device with a touch screen. I don't want the mouse pointer to be visible until the user clicks on a link in which case the mouse pointer should change to an hour glass until the new page is displayed (the device is rather slow so the user needs to get some feedback while waiting). code...

This properly hides the cursor after the first page is loaded but it doesn't display the hour glass when I click on the link. Any ideas what I'm doing wrong?

View 1 Replies View Related

JQuery :: Change Active Link In Accordion Menu?

Aug 16, 2011

I'm creating an accordion menu and need to make the link you click on go from saying "click here to view" to "close". The way I had to set up the accordion is making finding code that works very difficult. Here is my [code]...

View 4 Replies View Related

JQuery :: Cycle - Change Timeout When Click A Link?

Dec 6, 2011

I'm trying to change the timeout on a specific slide when a user interacts with a link on it. I'm trying something like this right now with no luck.

[Code]...

View 1 Replies View Related

JQuery :: Text / Link Opacity Change On Rollover?

Aug 21, 2011

how to implement the same effect as the left hand side navigation bar on this site,

[URL]

I want the link to appear opaque when inactive but upon hover fade in darker.

View 3 Replies View Related

JQuery :: Toggle Text Link To Change Parameter?

Jun 15, 2010

Trying to have plain text that you can click (div of newslink) which toggles the right parameter of other element (div of rightSidebar). Set rightSidebar initially with css: #rightSidebar {right:200%}

Here's what I have for script, but still not working:

<script type="text/javascript">
$j(document).ready(function(){
$j('#newslink').toggle(
function()

[Code]....

View 2 Replies View Related

JQuery :: When A Link Is Clicked That It Will Only Change Elements That Are Within It's Parent Div And Not The Others?

May 27, 2010

I have several divs that each have a certain link. How can I make sure that when a link is clicked that it will only change elements that are within it's parent div and not the others?

View 1 Replies View Related

JQuery :: Hover Doesn't Work When Change The Text Color Of A Link?

Sep 11, 2011

I have a simple menu as you can see in which i want the link that gets pressed to change color to grey.(line26).But before that (line25) i use jquery to change all the links back to their original color.But that line of code destroys my hover effect on all my links for a reason.

<head>
<style>
.link {
color: #fff;

[Code].....

View 3 Replies View Related

Change Text Link Colour / Restore Link Colour?

Apr 11, 2010

I'm trying unsuccessfully to get some text links to change & restore their colour.

[URL]

Referencing this link - there are 3 text links at the top of the page, which scroll to different anchor points on the same page.I need the following to happen: On hover, change colour (easy using css) On click link A, change colour When clicking link B, link A restores to original colour.

View 4 Replies View Related

Change Link Text

Nov 23, 2005

I need to change all the links on my site that say "more information"
to something else. Unfortunately I don't have access to change the
component that places these links in the first place, so I need to use
Javascript at runtime to go through, find each instance of a link with
the above string and change it. Is there a good cross-browser way of
achieving this? Is HTMLAnchorElement a good place to start?

View 5 Replies View Related

Change Link Border With Js?

Aug 26, 2009

I need to set the border width of a link when it is clicked. The link calls a javascript and so I need a way to identify which link has been clicked, hence the outline...i tried this.style.borderWidth = 'thin';but to no avail...?!I have already assigned border-color and border-style in the style sheet if that makes any difference...

View 1 Replies View Related

How To Change Link Address

Nov 8, 2003

I want to create a javascript function that will change the url of an image link. This is what I tried (which I'm sure is totally wrong):

document.images['myimagename']. = '" + address + "'";
where address is a parameter passed into my function and myimagename is the name of my image.

View 2 Replies View Related

Change Link Colors From JavaScript?

Jul 23, 2005

I'm writing a FireFox extension and I have the dom and therefor the
links[] collection

window.getBrowser().contentDocument.links[i]

Is there a way to change the color of these links based on the stuff I'm
checking for from the JavaScript?

For example. If I have this loop
var number_of_links = window.getBrowser().contentDocument.links.length;

for (var i=0; i < number_of_links; i++)
{
var domain = window.getBrowser().contentDocument.links[i].hostname;
//Check hostname here and change color
}

how could I change the links color?

View 1 Replies View Related







Copyrights 2005-15 www.BigResource.com, All rights reserved