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]....
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 want to add a color change to an anchor tag. But only on a few pages. I am trying this but it does not work:
$(function(){ var urlName = [URL]
if (urlName == window.location.href) {
$('.news-list-item > h3 > a:first').css('color','#8CAAC3').css('text-decoration','underline');
}});
I was wondering if it is possible to target a named anchor in a frame when
opening a new window with a javascript function? has anyone actualy been
able to do this?
I am trying to redevelop firefox addon, to give it more funcionality. I found JS file where all the functions are and started to edit it.
What I want to achieve is to get target of an anchor under mouse pointer (when mouse pointer is over anchor, I right click and call addon from context menu).
For example when I have anchor which HTML code is:
<a href="somewehere.com/place">place</a>
when I right click on this code and call my addon I would like to alert its href (somewehere.com/place)
I wrote a function:
function ff()
{
var current_target=this.href;
alert(current_target);
}
but it gives me udefined on alert
[URL]
I am trying to redevelop firefox addon, to give it more functionality. I found JS file where all the functions are and started to edit it.
What I want to achieve is to get target of an anchor under mouse pointer (when mouse pointer is over anchor, I right click and call addon from context menu).
For example when I have anchor which HTML code is code...
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 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.
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 ?
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 RelatedBut I was wondering is it possible to make it so that if you visited an anchor link: For example, let's say you visit:
Code:
[URL]
Then a code would run to let's just say... change the color scheme of the website. (And theoretically they same would happen with #v2/#v3, ect)
But the code would NOT run if the requested URL is just
Code:
[URL]
The reason I was wondering is I want the user to be able to "bookmark" a certain script per-say, so that when they revisit the site they don't have to reclick things to get back to where they were before.
I'm using a script that has the back-end functionality mashed up so I can't change it. An image with a link around it hides behind this:
$RateUserThumbnailLink$ And i'd like to disable the link somehow as the owner wants money for the edit which is ridiculous. Can anyone figure out a way of disabling the link it generates?
I 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 created a very very simple javascript that displays random text quotes. It is in Greek but here it is anyway: [URL]. It is in blogger and shows up as a gadget. My problem is that I need to make it reload by a button and at the same time go to the top of this gadget (using an anchor). The reason I want to do this is that I have been sharing this with other bloggers, but if they don't put it on top of their page, as soon as they press the button that reloads the page, they are in the top of the page and they would have to scroll down to find the quote.
I have tried to use window.location.reload with window.location.hash.
It works in Firefox, but not in IE.
I have been trying something like that:
<input type="button" value="Click to refresh" style="width: 130px" onclick="window.location.hash='#something';window.location.reload()" />
As I said, this works with Firefox, but not with IE9
Also, I can't define urls beforehand because I want other people to be able to use it to their own blog or website.
I have Cycle "pager" navigation working flawlessly in one of my pages. What i'm trying to do is this:
I'm Attempting to LINK to specific Anchors from a link on a different page.
Example:
// external page link //
<a href="http://www.convertstyle.com/beta/apparel/womens-apparel#shirt1">Headline Womens</a>
[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...
I 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
with the code details as to how this would be possible.
<form method="post" name="validate" action="internet_marketing_and_email_blasting_signup.php" enctype="multipart/form-data" onmouseover="change(event,'../images/submit1.png')"
[code]....
I want to add a small but informative weather widget to one of my web sites. Having searched around, most are either too big or too simple.
I did find "one" that I liked but it links to a lame page. I would rather have no link rather than the one provided. The widget I like is a simple javascript "include file" similar to this one:
[Code]...
There are three div and inside each of them there is an anchor tag.
When the anchor tag is clicked it makes an Ajax call and displays the content in the new div. Lets call this our forth div. (this is irrelevant to the title but just want to mention this because I am calling a function onclick.)
What I want to happen is when they click on of the anchor tag I want to change the background color of the div relative to the anchor tag. For example, if they click on the first anchor tag which is inside the first div I want the first div background color to change.
Code:
<style>
.ourDiv{
background:#003366;
[Code]....
I have some text, where I don't want to display all of the text until the user clicks 'more' link. Once the user clicks 'more' link I want to show the div below and change the link text from 'more' to 'less' so on subsequent click the div below will collapse.
<a href="#" class="moreLink" onclick="javascript:ShowMore(this);">more</a>
<div id='completeDiv'>etc etc etc </div>
function ShowMore(object){
....show the div and
$('a.moreLink').text('less'); ---> this does not work for me.
}
I have two pieces of Javascript attached to my open/close text boxes.
One for the visibility function:
<script type="text/javascript">
function toggle_visibility(id) {
[Code].....
The problem only shows further down the page, when I click to open a box it automatically goes back to the top of the page instead of staying at the user's current page position
I would like it to stop changing the page position onclick.
I have an Iframe which loads an articles html page with anchors at the start of every article. To the right is fixed div that has different article links. The customer can scroll down and read all the articles. I would like the links to change to active, visited etc. when the anchors come into view. I was thinking it would be something like this:
Code:
function changelink(){
if(window.location.href='#article3'){
document.getElementById('historylink').style.color='green';
historylink.style.background='url(sources/active.jpg)center';
[Code]...
Haven't tried it yet because it dosen't take into account the visited state of the links so I figured I need some advice from the skript Gods.
We are developing an Ajax based application. In this application the
URL is fixed and as user navigates on the application we will change
Anchor on the URL so that user can bookmark the url and can load the
page on demand.
When user refreshes the page we have no issue in the populating the
page based on the anchor in URL as on load we can capture the
hash(#anchor) and act accordingly.
sample URL: http://www.google.com/somecontext#<anchor>
When the user clicks back button anchor is changing but not able to
know where to get callback.
Is there any event or way I can find when the user has clicked back
button.
Lets say I have a bunch of links with the same class but different anchor text like [code] When the page loads I want the anchor text of each link to display the same text of my choosing. However, when the visitor clicks a link the anchor changes back to the orignial. It would be best if all links could be changed back their original if any link is clicked but this isn't necessary.
View 1 Replies View RelatedI'm curious if there is a possibility of being able to search the whole document for a specific string using replace("that", "this") for example to find any reference to "this" and replace it with "that" and then show the modified content.
View 5 Replies View Related