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