JQuery :: Dynamic Underlining For Links On A Page?
May 9, 2009
probably a simple question but I can't for the life of mefigure out how to do this:I have a page that has information on various # anchors, a list ofthem are at the top and once clicked I need the one clicked to becomeunderlined and remain underlined untiled a different # is clicked.How on earth do I do this? I've managed to use jquery toggle to turnon an underline once it is clicked, but i have to click the same linkagain to turn it off, which is not what I want, I need it toautomatically turn off once a different link is clicked
Here is a short tutorial on dynamic-links which use javascript to create the page. Ok to start open up notepad and type
<html><head> <title>My first dynamic link</title> </head><body><script> var name=prompt("Enter name:",""); var age=prompt("Enter age:",""); if (name == "" || age == ""){ document.write("Please reload and fill everything in."); } else { document.write('<a href="javascript:dp='Your name:'+name+'<br>Your age:'+age+''">Click here for dynamic page</a>'); } </script> <noscript><a href="getfirefox.com">Get a decent browser</a></noscript> </body></html>
Ok save it and test it out. I am writing this kinda fast so if it doesn't work pm me or reply to this topic. Ok we will go over what it does now. 1. First it gives you the prompt name then age. It checks whether they are both filled in and if they aren't it says to reload. Otherwise it writes down the link. Next we will go over the link. 2. Here is the infrastructure of the link.
1. The start of most links "<a href="
2. The starting of the string for the browser to connect to " " "
3. The tag that defines a javascript page and its name is dp. "javascript:dp"
4. What the javascript equals " = "
5. Start of the string for the javascript to do " ' "
6. Now it displays the text Your name: "Your name:"
7. It now appends the variable from the script name to it. EG:your name you entered. "'+name+'"
8. It makes a line break and displays the text Your Age: "<br>Your age:"
9. It now appends the variable from the script age to it. EG:your age you entered. " '+age+' "
10. Leaves a blank space " "
11. Starts to end the javascript string by closing the space for text and a semi-colon to end the page. "'"
12. Ends the html string for the link and displays text for the link." ">Click here for dynamic page"
I searched, but couldn't find answers--probably because I'm not sure what this is called... Anyway, I have about 50 web pages and I want to have some JavaScript that will read in a list of keywords, scan the web page and create links on any of those keywords... Is there any way to do this sort of thing?
I'll admit to being a newbie with JQuery, XML and Ajax. I'm trying to create a page which pulls dynamic links from an XML file. Here is the page: [URL] Here is the link to the xml file: [URL] I can get the url to pull as text, but I cannot make it into a link, no matter what I seem to try. I'm sure it's a syntax error - but I just don't know enough to know what it is. I'm also going to need to pull a URL for an image, and I am guessing that the process is similar.
trying to make a simple web app that will let a user select from a catagory, then, when the catagory is selected, it stores the selection in a php session variable, which will be used in another sql statement to retrieve a locations list where catagory = "the stored catagory selection". The new list of locations will be displayed in a second div and each item in the locations list will also get information from the database when selected. Im able to pull the first catagory list from the database and show the div that they are displayed in using jquery and php but the new list of links will not change to show the contents of the third div.
I have a button in my web site "underline links" that changes all thelinks and affects its text decoration to 'underline'. From this pointall the links of the website should be underline. The problem is thatI can only make it work for the current DOM. If I introduce new linksinto the DOM I need to select them specifically to change its textdecoration. Is there something similar to the "live" function injquery? For instance for every links introduced in the DOM I want tocheck if the website is in underline mode. Case its true, the text
I have a function that dynamically creates links for a photo gallery. The function also produces a larger image as a background image of a div when and thumbnail is clicked on. What I want to do is have a third event, where if the user clicks the enlarged image in the div, the jQuery Fancybox loads an even bigger version of the image being displayed in the div. The problem is that the link for the anchor tag I'm using is created dynamically, and I know that Fancybox parses the HTML when the DOM is ready...unfortunately my function changes the DOM by appending the anchor tag for the full sized image. I need is using the Fancybox's options to specify the href attribute for the plugin.
jQuery: function gallery(picid, picnum){ var ext = 'jpg'; var fullSize = 'imgs/'+picid+'_full.'+ext;
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,
I have a form with several rows and each has a text box labeled 'Status'. The user should be able to change the value of Status, then click Save and a GET query will be run in an iframe without interrupting the browser window. To do this I am using a onkeydown event so the Save button's (which is an a href link) href address is changed to what is in the box. But I can't get the box's value to change! Code:
returnSingleValue() is a Javascript function, from this function I need to access all the dynamic href values in the form. How do I do this ? I tried many options, but it didnt work out..
Disclaimer 1: I am not a programmer, just a curious designer, so please take that into consideration in your replies.
Disclaimer 2: Despite all advices against it, I couldn't find a better solution to my website than using iFrame
Disclaimer 3: Before asking for help, I researched *several* forums and although I found people discussing similar issues,
implementing a method to intercept and redirect external links to a dynamic iframe. By "dynamic" iframe I mean an iframe whose SRC would be filled up in accordance to the external URL being intercepted and that it would resize its HEIGHT accordingly in order to avoid scroll bars.The function for resizing the iframe id="child" is already correctly implemented like so:
<script language="JavaScript"> <!-- function calcHeight()[code]...
This "replacement" function would be called onLoad and if tested true would run and refresh the page with the proper value in the iframe SRC.All this should be accomplished while still making the iframe HEIGHT dynamically adjustable and show a "clean" URL in the browser, such as "http:[url].....The potential issues I foresee is an infinite loop due to two onLoad queries (one for SRC, another for HEIGHT) in the parent and child objects, which might required a merge into a single script.
My application reads an array of URLs in Javascript and displays them in a table. I need to create mouseover events for each of the links (just an alert message for now.) I have tried this a few ways, but for each one the mouseover event fires for each link before anything else is loaded on the page, and when the page is loaded, no link is displayed. Here are the two ways I've tried:
The code below displays a dynamic table with all its contents in the form of links.I wanna know as to how i can detect whether any of the links in the table has been clicked.As the table is dynamic i am not aware of the syntax of how to use the onClick evnt handler for these links. Code:
I want to develop a multi-tab browser plugin, which requires all links in a page could open in new tabs within this multi-tab browser plugin. It's very similar to Multi-Tab functions of Firefox/IE, when opening a page in one tab, then any links in that Tab will open in another new tab(after setup from pref), i want to know this principle(how to implement this). I am thinking try this:$('a').click(...), while i am not sure whether it's good/enough.
I have a content slider called "Codaslider" (ver 1.1 I believe) setup, and using CSS I have an absolute positioned image hovering above the slider at all times. The effect is what I want, where I have a static image of my company's product hovering above the content slider, and the background images slide around showing various features and such.
I would like to make it where the customer can click anywhere within the bounds of the content slider (including on top of the static image), and be able to follow the link for the image in the content slider.
For example, if the background image shows "New Features" or something similar, I want the customer to be able to click anywhere and get to the "New Features" page.
So basically, is there a way to dynamically set the URL that the static overlaid image points to, based on what page the content slider is on?
Here is the javascript that setups up the content slider:
Code javascript: <script type="text/javascript"> var theInt = null; var $crosslink, $navthumb;
I tried to add links to open local xml files in browser in a dynamic table cells. I need help. I tried all ways but I think I miss something.I can open them without table just by document.write(xmlfile location).
function showResultsTable(searched, srchedname) { // get the reference for the body var mybody = document.getElementsByTagName("body")[0];
I tried finding a similar situation in the forums, but was unable to discover anything sepcific. I think I may be way off here, and or trying to do something bizarre, but what I am trying to do is change only part of the the url for all of the links on a page. So say I want to change:
href="/something/something/all"
to
href="/something/something/specific"
I think I need to use each() in combination with attr but I am not exactly sure how. This is what I have so far (with no luck):
I've successfully changed part of a single link based of it's enclosing div id, but if there is more than one link in the div, it replaces the entire href of all the other links in that div to be the same as the first one. So that's why I think I need to use each(). But again, I'm not sure how to do this properly in this case.
I'm relatively new to jQuery, and I'm trying to figure out how to create a restaurant menu, that when you click on an item on this menu, an image and description will show on the page. [URL]I've looked through several plugins but cannot find this exact solution. Can anyone please point me in the right direction?
all try to explain my problem: i have this website:[URL].. i'm using Jquery Cycle to do a slideshow. I would like to know how to put a link on each colored square.
I know i have to find in "jquery.cycle.all.js" but i'm a bit lost...
I have a page that is on a secure server, lets say https://server.com and I have a link on a page /somelink.html. I am trying to use jQuery to change the link to http://server.com/somelink.html
Here is the code I have come up with: $(document).ready(function() { $("a[href^='https://server.com']") .each(function(){ this.href = this.href.replace(/^https://server.com/,"http://www.server.co"); }); $("a[href^='/']") .each(function(){ this.href = this.href.replace(/^//, "http://www.server.co"); }); });
However, my code only seems to work in Firebug after everything has rendered. I assume that the links are changes when the Document is Ready but before the server address is attached to the links.
what I want to learn to do is have a feature on my website: [URL] where under the portfolio section there are multiple links (product, packaging, identity etc) I want different carousels to show up on the .index page when you click a certain one of those links. In old school HTML I believe you would use a frame but I know there is a better way to do it using jQuery. [URL](work section) does exactly how I want it to be except I don't need the fancybox feature.
How can i add a function to all links which share a same class on page read? I want to add this addClassSub(); to all the links with a class name 'sub'.
