JQuery :: Convert Button OnClick To Link HRef

May 17, 2009

I have a few input buttons per page:
<input type="button" value="MyButton" onclick="location='[URL]'">
I want to convert them to:
<a href="[URL]"><span>MyButton</span></a>

How can I convert that with jquery? I try to get the onlick val but jquery or javascript seems to convert onclick to a function. I have this, but it's not quite right, I'm trying to just move the onclick data to the link, but I'd rather do it with href.
$(":button").each(function(){
var ocval = $(this).attr("onclick").val();
$(this).replaceWith("<a class="button" href="javascript:void(0);"
onclick=""+ ocval +""><span>" + $(this).val() + "</span></a>");
});

View 2 Replies


ADVERTISEMENT

Convert Submit Button To Link?

Mar 17, 2010

I have recently needed to replace the submit buttons on my forms with clickable links instead. I wanted the replacement to be completely compatible with my existing PHP server-side code. This means that where I checked for a button having been pressed on the server side, the same check would continue to work, and the same form elements would have been submitted.Stripping away issues of screen formatting, I changed my button code generator to produce this

Code HTML4Strict:

<a href="javascript:submitMe('buttonName');">buttonLabel</a>

instead of this

Code HTML4Strict:

<input type="submit" name="buttonName" value="buttonLabel">

and in javascript I wrote this function

Code JavaScript:

function submitMe(val)
{
// create a form element that will show up in $_POST with the same

[code]....

View 10 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 :: Radio Buttons And Submit - Selected Radio Button's Value To Be Inserted Into The Href Of The Link??

Jan 20, 2011

I have 3 radio buttons with the same name ("myradio"). The value of each is a different URL (eg. value="http:[url]...)I have a link underneath these (<a href="#">Send</a>). I would like the selected radio button's value to be inserted into the href of the link, and if the user selects a different radio button that this changes.

View 1 Replies View Related

Input Type Button Onclick To Link?

Mar 10, 2010

I am trying to make a simple <input type="button"to link to a different page.[code]it works under Internet Explorer but one of my main parts is to make this page cross platform and my question was how to get this to work under google chrome en firefox and so on.

View 4 Replies View Related

Convert 2 Characters - 2 Text Areas (input And Output) + "convert" Button

Aug 2, 2010

I would like to create a program which converts some letters into different ones.

1) I want 2 text areas (input and output) + "convert" button

2) if I type in the input area the letters "ea" I would like it to be converted into "a", so that If I type "cambrea" and press "submit" the output text will have "cambra".

3) if I type "e " which is (e+space) I want it to be converted into " " which is "space" example: if I type the word "spine " it should be converted into "spin , note that there is a space after "spin ".

4) If I type any vowel before "o" it should render "o", example: gambuo becomes gambo.
would this be possible? I'm not very familiar with Javascript even though I can modify it.

View 1 Replies View Related

JQuery :: Onclick With Different Href Url For Lightbox?

Aug 22, 2010

I am doing a lightbox effect onclick a image.Its easy if I just use this code:

<a href="images/image-0.jpg" class="lightbox" title="Cape Breton Island"><img src="images/thumb-0.jpg" width="100" height="40" alt="" /></a>
<script>
$(document).ready(function(){

[Code].....

View 2 Replies View Related

JQuery :: Form Submission Onclick Of A Href And Use Ajax

Jan 14, 2011

I want to have multiply forms dynamically created on a page with dynamic id's, I have a href and image styled submit button. When user click on the submit button i want to submit a form with AJAX request. I am using following code but nothing happens.

/*** HTML ***/
<form id="a2c" name="a2c" action="submitToCart.php" onsubmit="return false;">
<select name="25687">LCD TV</select>
</form>

[Code].....

Note: on page have multiple forms with dynamic form and submit link id's.

View 3 Replies View Related

JQuery :: Add Href Link To Rollover?

Jul 22, 2009

I have a test blog I am working on at:

[URL]

I am trying to add some jquery image rollovers like the type featured on ThemeForest:

[URL]

I got the image rollovers to work, however I want to add links to them. Each time I add an href tag around the images, the script stops working.

View 2 Replies View Related

JQuery :: How To Click A Href Link

Jan 28, 2011

for example let's say we have:<a id="link" href="google.com">click</a>I want to be able to click the link, as if the click was made by the user ( left mouse button click ).I know I can do this way:document.location.href = $('#link').attr("href");but I believe it's not the same thing as if the user make that click.

View 1 Replies View Related

JQuery :: Get Full A Href By Link Source?

Jul 27, 2010

How to get full <a href if I have only link for example[URL] ?I have this link in variable "_src".

View 4 Replies View Related

JQuery :: Carry The HREF Of A Link Through Function?

Nov 18, 2010

I should not be coding, to be honest, I know nothing about it ...

I have a link:

<a href="linkedfile.html">LINK</a>

I want the HREF value to be carried through my jQuery function. The function goes as follows:

User clicks link Linked icons fade out and reappear smaller at the top of the page Link HREF is followed

The new page will have the logos in the same place as they fade out too and content will appear in a frame below. However, I am clueless when it comes to Ajax and jQuery and would really like to learn, hence why I am using it. How do I carry the HREF through? Or are there better ways to do it?

View 1 Replies View Related

JQuery :: Link Image To Href During Slideshow?

Nov 12, 2011

I am trying to change the url link associated w/ an image as each imageprogressesthrough a slideshow.I want each image to link to a unique page.

[Code]...

View 1 Replies View Related

JQuery :: Validate - Submit From Link With HRef

Jun 27, 2009

I am trying to get the plugin working so I can submit from a link (using meta plugin) but it don't seem to be working
$(document).ready(
$("#submitregister").click(
function() {
$("#com-createForm").validate({ meta: "rules" } );
}););

This works from a submit button :
$(document).ready(function(){
$("#com-createForm").validate({ meta: "rules" } );
});

View 3 Replies View Related

JQuery :: Loading A Div By Id Based On Href Of Link?

Aug 23, 2011

I'm using the jmapping plugin and it's all working great - when you click on a location link in the side bar the map pans to the location. However what I also want to happen when I click the location link is to load more information about the location onto the page.The idea is to load the div from infodivs.aspx which has an id that matches the href of the link that was clicked. I can make the whole page load without issue but I can't get my head around the syntax for identifying the href of the clicked link and then inserting that into the load statement as a div id.I've tried this.href but if that's actually the right approach, I haven't phrased it right so farHere's the code:

$("a.map-link").click(function () { $('div#moreinfo').empty().load('infodivs.aspx what goes here?');
});

View 9 Replies View Related

JQuery :: Toggleclass On A Link, With The Href Of The Current Anchor?

Mar 7, 2010

What am i doing wrong? I'm trying to toggleclass on a link, with the href of the current anchor

var anchor=window.location.hash;
$('#nav a[href='.anchor.']').toggleClass('active');

View 1 Replies View Related

JQuery :: Select A Links Href Value, Then Load That Link Into A Div?

Feb 10, 2010

I have a 2 column page.Left nav which contains a list of items with links to their respective details page.What I'd like to do is to load that link into the div in the right side of the page.want to do this via Ajax, so I don't have to reload or redirect the page.I do have my layout coded, but my jquery code is not even close to work, so I didn't post it here.

View 3 Replies View Related

JQuery :: Dynamic Link Generation - Convert Words With A Certain Class Attribute Into Wikipedia Links

Jun 9, 2009

There's a feature I want to implement, but don't really know how to code. The intention is to use jQuery to convert words with a certain class attribute into Wikipedia links.

An example to make things clearer:

PLAIN TEXT: There is a <span class="wiki">penguin</span> there.

EXPECTED RESULT: There is a <a href [url] there.

Hence the code would have to grab the string of words inside the tag and place them inside a href with the first part of the link already attached to it. Doesn't seem too complicated, but I wasn't able to do it.

I have been trying to use the code below (created by Patrick Haney and improved by enraged) as a basis, but no deal. This code subistitutes words for code, but it searches for specific words.

If anybody knows a script like that, modify the code below,

View 7 Replies View Related

JQuery :: Refresh Href Attribute Of Link Via Ajax Every Five Seconds

Dec 14, 2010

I have links in my page in the form of this

<a href="example.php?key=someid" class="link">some link</a>

I want to refresh href attribute of link via ajax every five seconds, I am trying this,

[Code]...

View 1 Replies View Related

JQuery :: Find The Href For Link For Item Before And After Selected Thumbnail?

Feb 12, 2011

I have a list of 32 thumbnails in the form of:

<ul id="thumbs_ul">
<li>
<a href="gall.php?g=galleries/atest/&p=Bamburg_01.jpg" title ="" >
<img class="thumbnail" src=phpThumb.php?src=galleries/atest/Bamburg_01.jpg&

[Code].....

How do I get the href for the item directly before the "selected" thumbnail and the item directly after the "selected" thumbnail?

In the above example I would like to get: [URL]

View 5 Replies View Related

2 Level Horizontal Menu - Convert It To Onclick

Sep 16, 2009

I have a working code of 2 level horizontal tab menu....it is now onmouse over ,I want to convert it to onclick. I have taken from....

Code:
var mastertabvar=new Object()
mastertabvar.baseopacity=0
mastertabvar.browserdetect=""
function showsubmenu(masterid, id){
if (typeof highlighting!="undefined")
clearInterval(highlighting)
submenuobject=document.getElementById(id)
[Code]...

View 4 Replies View Related

JQuery :: Make Menu Link Open Submenu And Go To Href Location

Dec 2, 2010

I have inherited some code that changes the behavior or menu links with submenus to open the submenu but I need it to both open the submenu and go to the link location.

Here is the code:
$('#leftNav #menu li a').click(
function() {
$('#leftNav #menu li a').removeClass('selectedAccordion');
$(this).addClass('selectedAccordion');
$('#leftNav #menu ul.currentnav li a').removeClass('selectedAccordion');
$('#leftNav #menu li ul li a').removeClass('selectedAccordion');
//$(this).parent('li').addClass('selectedAccordion');
var checkElement = $(this).next(); if((checkElement.is('ul')) && (checkElement.is(':visible'))){
return false;
}
if((checkElement.is('ul')) && (!checkElement.is(':visible'))) {
if(checkElement.parent().parent().parent().is(':visible')) {
checkElement.slideDown('normal');
return false;
}
$('#leftNav #menu ul:visible').slideUp('normal');
checkElement.slideDown('normal');
return false;
}}

How do I put back the behavior to open the submenu AND go to the link location? I found I could add location.href = $(this).attr('href'); and go to the correct, but then the submenus slideUp and are hidden again. I can't figure out why changing the page closes the menus.

View 1 Replies View Related

Jquery :: Load Html Code Into A Div Content - Href Link And Spinner?

Mar 26, 2011

I like to try to do some jquery and spinner then load some html code into a div content. I'm not looking deep into the coding part of jquery yet but here's my question. What will be the a href tag look like?

<a href="http://yourlink" onclick="loadpage();">Products</a>

Do you put the url on href or attr? Can I still put the url on href? The reason I ask it's because seo friendly? Will search engine look into other pages by href? But I guess this way will actually load the whole page in the browser and there's no way I can do ajax stuff in this format? I like to do something nice on my links but don't want to hurt the seo part.

View 1 Replies View Related

Can't Pass 2 Parameters On An Onclick In Href

Apr 12, 2010

I am having some issues with getting a variable from an onclick event with javascript.

$('#preview_logo').append('<img src="'+fileObj.filePath+'" height="100px" hspace="5" /> '+fileObj.name+' uploaded.<a href="javascript:;" id="dele_image" onclick="del_image('+fileObj.filePath+','+fileObj.name+');">Upload Different Image</a><br>');

This is for uploadify script for previewing an image that is uploaded, it creates the link fine, but won't trigger the function "del_image" unless I delete the parameters in the onclick, which leads me to believe it is something to do with my quoting. Here is the function:

[Code]....

View 7 Replies View Related

Call Onclick And A Href In Same Time?

Jul 11, 2009

I have this html [code]...

the inc_down function is part of a AJAX implementation. I want that this function be be executed when i click the div and in the same time the a href to work. In the code above the onclick does not work, only a href works. I have searched the net and the code above is the best i've found but it does not work.

View 14 Replies View Related

Location.href Within OnClick Event

Jul 20, 2006

I am creating a send to a friend link on my site. The link will open a pop up window, which contains a form.

I have a function that opens the centered pop up window, and it is called like so (the function declaration resides in an external script):

Code:
onClick="newWindow('http://www.mysite.com/send.php','',',','')"
I now need to append the current page's URL to the end of the URL ike so:

onClick="newWindow('http://www.mysite.com/send.php?page=xxx','',',','')"
This is sso that I can then use PHP in the pop up toget the variable from the query string.

I know that I can use location.href to get the current page url, but am not sure how I would include it in the onClick.

I have tried the following:

onClick="newWindow('http://www.mysite.com/send.php?page=location.href','',',','')"
but that doenst work...

Has anybody got any ideas?

View 3 Replies View Related







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