Can I Change An Href In Javascript?

Jul 20, 2005

I am using some javascript code to change an image on an html page. I would
like the user to click on the image to bring them to another page. I need to
change an href to include an id value based on the image.

Here's the process:

1. select an image from a drop down list.
2. view the image on the same page.
3. click on the image to bring user to another page.

Here's my attempt at it:

function nextimg() {
txtString =
document.Topics.sel_val.options[document.Topics.sel_val.selectedIndex].value
document.image1.src = txtString.substring(txtString.lastIndexOf("&") + 1);
document.frmPic.href="details.asp?id=" & txtString;
}

I also think that txtString is not what I need. I believe it is a text
string (12345.jpg). So I will need to parse the string as well to get the
"12345".

View 2 Replies


ADVERTISEMENT

Change Text/href Of A Link With JavaScript?

Mar 25, 2001

I was wondering if I could change the text of a link with a JavaScript. I want to set it up with a JavaScript function so that when A link is clicked on, the text of that link changes and it points to a different function.

View 2 Replies View Related

Change Href Using A Function.

Jul 23, 2005

I have a button that change a number of images src's when I click a
button. The src's are stored in an array and I just use
document[imgName1].src=pics[0] to change the src of the image.
However I want the button to change the link as well to the image that
is displayed but i cannot get it to work. How do I do this. Could
someone tell me or point me in the direction of some code that will do
this.

I would like to do it in a similar way to the pictures. i.e. have all
the links stored in an array and change them when the button is
pressed.

View 2 Replies View Related

Change Anchor HREF URL?

Sep 9, 2010

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]...

View 2 Replies View Related

Javascript Location.href

Oct 5, 2005

i have a really stupid problem with this line of code:
location.href = "showreport.php?id=" + sText;

sText is an id of a job that's running on the server.

Showreport.php retrieves the job and outputs the result in HTML. At the same
time job is removed from the server.

What happens is that some browsers (IE 6 mostly) like to GET the
showreport.php TWICE. Of course the second time there is no job any more and
the result returned is of zero length, which is very unpleasant ;-)

Headers sent by the browsers are (1st call):
Accept: image/gif, image/x-xbitmap, image/jpeg, image/pjpeg,
application/x-shockwave-flash, */*
Accept-Language: sl
Accept-Encoding: gzip, deflate
User-Agent: Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1; SV1; .NET CLR
1.1.4322)
Host: veliswork
Connection: Keep-Alive
Cookie: PHPSESSID=tsghl22ijg4f6ba7a2mthggun6

Headers sent by the browsers are (2nd call):
Accept: */*
Accept-Encoding: gzip, deflate
User-Agent: Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1; SV1; .NET CLR
1.1.4322)
Host: veliswork
Connection: Keep-Alive
Cookie: PHPSESSID=tsghl22ijg4f6ba7a2mthggun6

Note the Accept tag.
What's even more interesting, the accept tag of IE 6.0 that does not request
twice is:
Accept: image/gif, image/x-xbitmap, image/jpeg, image/pjpeg,
application/x-shockwave-flash, application/vnd.ms-excel,
application/vnd.ms-powerpoint, application/msword, */*

Note the (still) absent application/pdf, which is the target content here.

Can somebody explain to me, why two calls and if that can be prevented. I
can reduce the problem by keeping the job for another minute or so, but
these jobs tend to be rather large (>10MB RAM usage) when large reports are
generated.

View 2 Replies View Related

How To Execute A HREF With A JavaScript

Nov 3, 2005

I'd like to call a JavaScript function which does something and loads at the
end a new page like <a href = "info.html">Next Page</a>

How can I do the above HTML command with a JavaScript?

View 5 Replies View Related

JQuery :: Change 'img Src' And 'a Href' On Click?

Mar 31, 2010

I have a simple image gallery consisting of an image with smaller thumbnails below that change on click which works fine.I now decided to change a link along with the gallery image source on click, but can't really get it working.Here is my code to swap the image to the clicked thumbnail image:

jQuery("ul.thumb li a").click(function() {
var mainImage = jQuery(this).attr("href");
jQuery("#main_view img").attr({ src: mainImage });

[code]....

View 2 Replies View Related

Change Href Or Target Url With Text Box?

Apr 30, 2009

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...

View 2 Replies View Related

Change Href And Title From Function?

Dec 17, 2010

I am having a problem changing HREF and Text of a link from javascript. My code is as colos <a href="javascript:Action(9,'remove');" id="thelink">Remove</a>

And the javascript code is:

[Code]..

View 2 Replies View Related

Change Href Attribute With Two Dropdowns

Nov 24, 2005

I am in a problems here trying to generate link by two dropdown boxes. So, I wanted it to be like when user selects some option from dropdown one the href attribute changes, index.php?staticvar=something&dynvar1=something, that is something I have already managed to do:

function change_href(id)
{
if (id != '')
{
var dynvar1 = document.getElementById("s"+id).value;
document.getElementById(id).href = "index.php?staticvar="+id+"&dynvar1="+dynvar1;
return;
}
else
{
return false;
}
}
This works perfectly for me, but now I need to modify the href with another variable, so it would be needed to be like:
index.php?staticvar=something&dynvar1=something&dynvar2=something2

The problem is that I don't know how to make it the way that user can change their selections, for example if user first selects (from dropdown) dynvar1 to be "test" and dynvar2 to be "test3", but then changes hes mind and decides to re-select dynvar2 to be "test4". It would be needed to be like only the dynvar2 part of the href changes with proper value (not changing the dynvar1 or staticvar).

I managed to make it changeable but it was like this:
index.php?staticvar=something&dynvar1=something&dynvar2=123&dynvar2=123

So, it didn't update the dynvar2 part, but instead just added another dynvar2 variable.

View 3 Replies View Related

Passing A JavaScript Variable In Href

Oct 26, 2005

For ease of future modifications on my page, I want to have a list of URLs stored in an Array, and I want to then use these URLs in an href tag. Something like this:

<SCRIPT>
menuURL[0]="page2.htm";
menuURL[1]="javascript://";
...
</SCRIPT>
<BODY>
<A HREF = menuURL[0] ........

How is something like this possible, as well as being fairly crossplatform, and intuitive? I've changed the syntax, and tried various other things to no avail.

View 3 Replies View Related

Location.href Change & ScrollBy Problem

Jul 23, 2005

I need to change the location of the parent window and after
that scroll a little bit (because of "position:fixed" css buttons,
which obscure the title).

I have
window.opener.location.href = "newhreflabel";
window.opener.scrollBy(0, -25);

The newhreflabel may point to the same document or load
a new one (another chapter).

There is a problem is with timing, T think I need to
serialize those two instructions.

However, the window.opener.document.onload does not seem to
be trigered by href change. Is there any other way how to
do it - or I have ti all wrong?

View 1 Replies View Related

Change HREF Of A Link - Working On Load Only

Dec 17, 2010

I am having a problem changing HREF and Text of a link from javascript.

My code is as colos

Code:

And the javascript code is:

Code:

At first page load, it works fine. But then the link text nor its href don't change.

What could be the error?

View 3 Replies View Related

AJAX :: Change Href Based On Textfield

Jul 19, 2011

I have 2 textfields and I need to change a link href based on whatever is in those textfields.

The link has to be in this format:

The reason for this is I need to launch fancybox and as far as im aware this is the best way to call it.

So what im hoping is when I add type something in textfield1 this will be reflected in the url. And same for textfield2. I know this can be done easily if I submit the page but I dont want that.

View 6 Replies View Related

Change HREF Onclick, Apply To All Links

Jul 22, 2011

Sounds simple right? Why the heck doesn't this code work?

links = document.links;
for(var i=0; i<links.length; i++)
{
links[i].onclick= "this.href = 'whatever.html'";
}

View 3 Replies View Related

Using Href:javascript And Anchor Links On Same Page

Jul 8, 2003

I'm working on a project where we're using JavaScript to let users swap styles on a page. To accomplish this, I'm calling the script via href="javascript:swapcss()" on the switch styles button.

Some pages on the site have anchor links. On those pages, if someone swaps styles without hitting any of the anchor links, all is well. But if someone hits an anchor link and then hits the swap button (at this point the URL is pageid.html#anchor), the page just reloads to their anhor point without swapping styles.

Does anyone have a workaround handy? I've tried several alternatives I've found online (href="#" onClick="action"; href="javascript void(0)" ). Nothing works for this case yet. Code:

View 3 Replies View Related

JQuery :: Change The Href Attribute Of .load(ed) Content?

Jan 19, 2010

I'm pretty green to jQuery. I have a .load() calling in some content that has some links within it. After that content is loaded, am I able to change the attributes of those links? This is how I'm loading in the content:

$(".maincontent").load(pages[0] + '?' + tsTimeStamp + ' .maincontent');
Which contains:
<a class="table_button0" href="#"></a>
<a class="table_button1" href="#"></a>

[Code].....

View 2 Replies View Related

Change Text In Html Table Cell To A Href?

Mar 21, 2011

I have a table that is populated row and column headers, and data of course, I need to convert one of the row headers to a href that will reference a more detailed report. I have already gotten the parent/child relationship needed to pinpoint the data in that one cell but I can't figure out how to change it to a href using javaScript.

View 3 Replies View Related

Running OnClick To Change Href Class CSS Style

Jan 12, 2010

I am using this javascript code to run 'onclick' to change my href class style. It works to change the style, but when I click on the next menu item, the previous one is not reverted back to how it was previously, but the formatting is stripped away leaving the link purple with no background image. How do I get it to revert to the original class which is set?

Here is the javascript :-
<script language="JavaScript" type="text/javascript">
/*<![CDATA[*/
var Lst;
function CngClass(obj){
if (Lst) Lst.className='';
obj.className='menu1';
Lst=obj;
}
/*]]>*/
</script>

Here is the relevant CSS :-
.menu {
background: url('../images/productblack.jpg') repeat;
width: 100%;
line-height: 24px;
float:left;
display:inline;
font-family: Verdana;
color : #ffffff;
font-size: 8pt;
text-decoration: none;
text-align: left;
font-weight:bold;
} .....

Here is the HTML :-
<div id="masterdiv">
<div onclick="SwitchMenu('sub1')"><a class="menu" onclick="CngClass(this);" href="javascript:nothing()"> 
RESISTORS</a></div>
<span class="submenu" id="sub1">
<a class="productsubmenu" href="resistors.html">Surface Mount</a><br> .....
Here is a working page with it (the product menu on the right) [URL]

View 2 Replies View Related

Can I Pass The Name Of A Javascript Function To A Page Opened With An Href

May 26, 2007

I'm not sure whether or not this is possible, but I want to have control over the Javascript function that is called when a target web page is opened (ie as the onload function in its <body> tag). In other words, the calling page will have several <a href ...> tags referencing the same page, each specifying a different onload function. Is it possible to effectively pass a parameter in this way? I have not been able to find any solution to this.

View 2 Replies View Related

Difference In Calling Javascript In Href And Onclick Of Anchor Tag.

Jan 18, 2006

I am looking for a generic javascript function to identify the form with in which a element exists, thus developer can avoid coding like document.forms[index].submit() - where they are sure, they want the form with in which this element exists is to be submitted. This way when forms are introduced at top level the code can remain unchanged, else every form introduce above in the DOM will result in increasing the index by one.

The code is given below. While doing so i am stuck with 2 problems
P1: In the code, you can see i am giving a explicit 'break' in the code. If i don't do so the code seems to be looping. Obviously i am missing some basic.

P2: I am able to pass 'this' for anchor element by name="xy"
<a href="#" name="xy"

in its onclick function by which, in the javascript function i move up the DOM.

While i am unable to do that on the anchor element given below since this function is now on the href attribute.

<a name="xy1" href="javascript:doFormSubmit(this);">Q test</a>

Hence the script fails. Code:

View 10 Replies View Related

Launch Parameters - Change The Menu Item Link <a Href.../a> Dynamically?

Oct 1, 2009

I have a website with several pages. Each page having the same menu.I need one of this menu item's text to vary according to each of my customers, where the customer id will be passed from an external link at launch time.I also need to change the menu item link <a href.../a> dynamically.I'm planning to create a redir.html pacge for each client and within that page, I can insert a url with parameters to launch the main page.

View 1 Replies View Related

Overriding '<a Href' With '<a OnClick' For JavaScript Function OpenWindow(URL) For Image And Link...

Jul 23, 2005

Can anyone assist me with what I am trying to do with the following
code (six different scenarios to try to make the functionality work
correctly)?

I want to always (and ONLY) display in the status bar 'Symantec
Corporation' whenever anyone mouses over (onMouseOver) my image or
link OR when one clicks while holding the left mouse down (onClick) on
the same image or link. Upon releasing the mouse (onMouseOut), the
status bar should be 'blank'. I need the link to open in a new window
via my function openWindow(URL) code.

What is happening in most of the six scenarios, is that when one
clicks the link, either the function doesn't engage, but rather the <a
href= takes effect instead OR that status bar shows
'javascript:openWindow('http://www.symantec.com/');' when one clicks
while holding the left mouse down (onClick) on the image or link.

Additionally, for only the link, I need the CSS/style to show 'red'
when one mouses over (onMouseOver) it and then change to 'blue' upon
releasing the mouse (onMouseOut).

How about integrating 'style="cursor:hand"' into the code or perhaps
setting some of the data via a <div> or <span> snippet? Code:

View 2 Replies View Related

JQuery :: Href In Output Code Causing $getJson() Function To Try To Load Up A File With Href In Url

Jul 12, 2010

I'm using the following code (simplified version) to call a Json file, parse it and on each iteration, create a div with an ID of "tab". I'm using this with jQuery UI .tab() to create a listing with entries which have three tabs. Anyhow, the principle seems to work except that when I examine what's happening behind the scenes using Firefox console, I see that each href in the html code produced is causing the Json function to re-fire using the href as it's url target.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>

[Code].....

View 6 Replies View Related

<a Href="javascript"> ??

Jun 26, 2006

I'm currently writing:
<span onclick="window.open(...);">Klick Here</span>

but I want to use the <a href> for this, since it is defined in the
css script the way I want my link to open. Now, if I use a href, the
href will be executed as well. What can I du in order to make the href
not execute if javascript is enabled?

View 10 Replies View Related

Change Variable In Javascript

Oct 22, 2006

i use the following script (from textbook) to restrict 160 character in
Message_cont textbox.

how can i to change the number of character to 70 if any double bytes
character detected in the textbox. Code:

View 2 Replies View Related







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