HTML - Changing Links On Click
Is there any way to have one hyperlink change to another once it is clicked? And I want it to change to the link of the page of the member who clicked it. Also, I want it to not change if a someone who isn't a member clicks it.
Similar TutorialsHi everyone, I hope I have posted this in the right area. This is my first time posting here. I currently have my main pages listed at the top of my site as graphics (see fussybaby.ca). I would like to potentially remove these graphics and use text links instead - I had the graphics designed for me, so I can't just go in and make new ones, however I'd like to change/rearrange the links and add some new ones. So my question is: How hard is this to do? Is this something I need to hire someone to do for me? Thanks in advance for any advice! I was wondering if anyone knew what it means when links have that protocol at the end of them, like &Click=3949? My guess is that it is a way to track links to give the link giver credit. Is that right? my website has 2 frames that have to change all the time(main content, and news), so sometimes when I click on one link(from navigation), I want it to call two links for me(one of them changes main content, and one of them changes news). for exampe, how to I call two links from below in one click? <a href="index.php?news=hi">Hi</a> <a href="index.php?news=hello">Hello</a> I tried something like this but it doesn't work : <a href="index.php?news=hi" AND "index.php?news=hello">Hi and Hello</a> I also notice there is a way to use "Onclick" function to solve the similar problem, but it does not fit in my code. Please, help me if u know the answer. thank you Hi, I have a text link, when a user clicks it, I want multiple URLs to open in a new tab/window. I guess it's a javascript solution, yea? After searching the net for 30 mins I can't find anything. Thx in adv hi all, One strange issue with html <a> tags.We have XP English and Japanese machines and issue is getting only in XP Japanese machines. Issue is tat on clicking any link,link font size gets increased and its comes over other links.Its like a new layer of big font sized links over the old links. Any idea why this happens? Following is my JSP section ============================= <div onselectstart="return false" id="systemMenu" style="position:absolute;top:-75px; left:-20px; "> <label>Screen # : </label> <input tabindex="1" suggest_sel_event="selectScreenIdValue" type="text" title="Provide screenId and Hit Enter key" id="screenIdEntry" name="screenIdEntry"/> <button tabindex="-1" id="SUGGEST_screenIdEntry" onclick="suggestScreenIds()"></button> | <a tabindex="2" href="javascript:selMenu('showHomePage.do','PARENT','')">Home</a> | <a tabindex="3" href="javascript:doHelpFunc()" onmouseover="">Help</a> | <a tabindex="4" href="javascript:aboutiCargo('<%=mainWebBuildVersion%>')" onmouseover="">About</a> | <a tabindex="5" accesskey="o" href="javascript:exitlogOffIcargo(ctxPath+'/logout.do','logOffApp')">Lo<u>g</u>off</a> | <a tabindex="6" accesskey="x" href="javascript:exitlogOffIcargo(ctxPath+'/logout.do','exitApp')" >E<u>x</u>it</a> </div> =================================================== CSS Used In the page ===================== <STYLE> body{ margin:-1px; scrollbar-base-color: #C6CEDE; scrollbar-arrow-color: #000000; scrollbar-track-color: #C6CEDE; scrollbar-face-color: #C4CED9; scrollbar-highlight-color: #C6CEDE; scrollbar-shadow-color: #C6CEDE; scrollbar-3dlight-color: #000000; scrollbar-darkshadow-color: #000000; } #footer{ position:absolute; left:1%; top:99%; width:97%; text-align:center; font-size : 8pt;font-family : Arial,Verdana,Sans-Serif; /*font:menu;*/ color : #000000; /*background-color:#CCCCCC; */ } .footer{ text-align:center; font-size : 8pt;font-family : Arial,Verdana,Sans-Serif; /*font:menu;*/ /*background-color:#CCCCCC; */ } div.footer table{ border-collapse:collapse; padding:0px; word-spacing : 0px; width: 99%; /*100% of container produces horiz. scroll in Mozilla*/ border: 0px; } div#systemMenu{ color:#ffffff; font-weight:bold; } div#systemMenu button{ border-collapse:collapse; color:#ffffff; font-weight:bold; font-size:12px; border: 0px none; background-color:1F3E6C; width:0px; height:0px; } div#systemMenu input{ /*font-family : Arial,Verdana,Sans-Serif; font-size : 8pt;*/ font:menu; width : 75px; height : 15px; color : #000000; text-transform : uppercase; background : #ffffff; border-right-width : 0px; border-bottom-width : 0px; border-left-width : 0px; border-top-width : 0px; border-top-style : none; border-left-style : none; border-right-style : none; border-bottom-style : none; border-collapse:collapse; } div#systemMenu label{ border-collapse:collapse; color:#ffffff; border: 0px none; background-color:1F3E6C; text-decoration : none; /*font-weight:bold; font-size:12px;*/ /*font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;*/ font:menu; } div#systemMenu a{ border-collapse:collapse; color:#ffffff; border: 0px none; background-color:1F3E6C; text-decoration : none; /*font-weight:bold;font-size:12px;*/ /*font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;*/ font:menu; } div#mainErrorDiv table{ padding:0px; word-spacing : 0px; width: 99%; /*100% of container produces horiz. scroll in Mozilla*/ } /*********************************FONT STYLES********************************/ .iCargoRedText { font-family : Arial,Verdana,Sans-Serif; font-size : 10pt; color : #336666; font-weight : bold; } .iCargoSmallText { font-family : Arial,Verdana,Sans-Serif; font-size : 7pt; color : #000000; } .iCargoPageText { font-family : Arial,Verdana,Sans-Serif; font-size : 10pt; color : #000000; } .iCargoErrorMessage { font-family : Arial,Verdana,Sans-Serif; font-size : 9pt; color : #336666; list-style-position : outside; list-style-type : square; } .iCargoInfoMessage { font-family : Arial,Verdana,Sans-Serif; font-size : 9pt; color : #000000; } div.loadBox { /*font-family: Arial, sans-serif; font-size:9pt;*/ font:menu; color: #FFFFFF; border: 0px none #FF3E3E; background-color: #1F3E6C ; text-align: center; position:absolute; } </STYLE> I already have the body tags, I want a certain section to have links of a different color. I tried <font color="#####"> but obviously that doesn't work. It seems like i should know this... but I am blank. ok i had resolved my earlier problem of my links being spaced earlier with help fro pegasus and now i got a new problem lol. i know how to change the background and colors for my links using css in most cases by calling a.Blah:link... and so on and the :hover... but in this case it is not working. Here is my css at the moment. Code: #Nav{ width: 948px; height: 18px; border-top: 1px solid #FFA701; border-right: 1px solid #000000; border-left: 1px solid #000000; border-bottom: 1px solid #FFA701; } #Nav a{ padding: 0; margin: 0; height: 18px; color: #ffffff; text-transform:uppercase; text-decoration: none; font-weight: bold; overflow: hidden; } #Nav ul li {display: inline; padding: 0px 5px;} #Nav ul {margin: 0px; padding: 0px; } my problem is that my links i want to be starting on a black background and they'll be white colored links. (which they are i'm using body bg for my page.) then i want as they are visited to stay white colored. the main thing i would like to have is that when you hover over them, the links turn black and the background of the links turn white. now i know it's easy with hover: {background:#000000} but i don't know how to place it because when i did it did not work. thx in advance edit: oops i posted this in html. (still help anyway it has somewhat to do with html probably ) ill post in css also though Short Sersion: What the best way to make a link dragabal but not clickable while being dragged? Long Version: I have a bunch of icons links (in layers) that the visitor can drag over the screen and even remove if they want to. (it's totally cosmetic, and everything is reset as soon as the page is refreshed, but it ads a level of detail - hence why am doing it) Since this is an unnecessary function it cannot interfere with the visitor’s ability to use the site smoothly. Therefore my issue; Since the links are dragabal, as soon as you click the link to drag it does what a link does and loads the page (after you release/drop it) Fix 1. The Shift. The quickest fix is to set the top margin of the button to the height of the image of the button. This way when you click it the button is shifted down and the handle becomes the area above the button, this way you can’t click the button while dragging. This does somewhat kill the effects, it looks a little odd when you go to click and drag the link and suddenly the links shifts down and you are holding the empty space above it. But it does solve the problem very simply and there for should be considered. Fix 2. The DblClick This is even a simpler fix to fix1 but it could interfere with the usability of the site… Setting the link to activate on a double click instead of a single click. This way the click to drag the button doesn’t activate the link. http://www.htmlforums.com/showthread.php?t=84281 Fix 3. “Block Layer” Another thought is to show a hidden layer when the drag function is activated this will block the link from being clicked. The “block’ layer can be hid again once the button is dropped, or in my case since I am already using the on drop event and have “only when snapped” checked, set the “block” layer to hide on mouse out, and assign a onclick link to the “block’ layer as well, incase the visitor tries to click the link after dragging it without mouseing off it first. This as far as I can see is the best compromise, however it adds a lot of additional code and mouse events that could effect the performance of the page. The best fix would be to disable the onclick event while dragging but I am not sure how to do that, and if you even can. Additionally I would assume that if disabled, the onclick event would need to be enabled after dragging, and since I am already using the on drop/ when dropped event and have “only when snapped” checked that could pose a problem. Any thoughts? is there a way on clientside, to perform a "click" programmatically on a TD? if so, how? its kind of like doing the submit() on a button, except I want to perform a click/submit on the TD Hi: My simple website has 4 .jpg pics on it (one in each corner of the page) and text all thru the middle. These pics (and test) show perfectly when my form is first loaded. However, when the user 'clicks' on the submit button, and I re-send the same page, those four pictures disappear and the 'alt=xxx' statement appears in place of the pics. THe text still shows perfectly. Question: Why don't the pics appear on the second and subsequent times ?? I'm puzzled, because the page I'm sending is identical in all cases. Thanks for any insights on this. -Mel Smith Mesa, Arizona Hi everyone, it's been a while since I posted here but I have always found great help from you all. This is about a friends site. He would like to make it so that you don't have to "click to activate and use this control". I know this is a javascript question and i'm not sure if this is the right forum for this and if so my apologies. I know even less javascript than I do HTML. His site is here so you can review it. I've been trying to protect my source and images by using the no-right click script however, it's being tempermental! For some odd reason, it doesn't work on select pages and other times, only after I've pressed the refresh button. Here's what I'm working with: www.kingsfieldfarm.net/index2.html It ALWAYS works on my inline frame pages. It only works on the main pages after I refresh and NEVER on the little "intro" pages. What's odd though is that I've used shtml to allow me to mass-edit so every little group of page "types" (ex, main, inline or intro) has the same HTML which I've just copied and pasted between the three text files I'm using. It's SO frustrating! And, just to annoy me, it's not working AT ALL on my first page: www.kingsfieldfarm.net Can anyone help? Hi everyone, Someone suggested that I use php to create a gallery for my site. I've never used php, and I want a simple click through gallery. (in the circle.) can anyone please recommend a script? http://imageupload.org/?d=4DA74E611 This is my layout. Hello guys. I really need your help. I whant to put a clickable image i my wordpress blog and have a click counter under it. I also want that the images only is clickable x amount of times ex. 2000 times and after that a new image will take it place saying, Thank you we have reached the total limit bla bla, this image should not be clickable anymore. the same ip only once. How can i do this thank you hi hoping to stop people from using my images on my website. i have a javascript which stops no right click on images, but due to Internet Explorer security it blocks all scripts which then image is open for stealing. Any ideas on how to get around this? i've tried a transparent image but it don't work. many thanks mark can someone help me to write a code to autoclick the following codes? note that the codes are partial codes.. help me to write the solution into a script file Code 1 <table class="bgmain" width="99.75%" border="0" cellpadding="0" cellspacing="0"><tr><td valign="top"> <form method="POST" action="tvalidate.php"> <input type="hidden" name="id" size="20" value="29409"><input type="hidden" name="xfile" size="20" value="29409.pdf"> <input type="submit" value="Download" name="Enter"> </form> Code 2 <div class="smallcurve"> <div class="t"><div class="r"><div class="b"><div class="l"><div class="tl"><div class="tr"><div class="bl"><div class="br"> <div class="smallcontent"> <table width="100%" border="0" cellpadding="5" cellspacing="0" align="center"><tr><td> </ul> </td></tr></table> <center> <form method=POST action=http:blablabla.com/29409.pdf><b>Full-Text Document View/ Download :</b> <input type=image border=0 align=absmiddle src=./images/pimages.jpg title="Click here to view full- text item"> this might be a stupid question, but what would the coding be to disable right click on my page? thanks. Hey can you help me how do you make clickable images on html Hi, Anyone can assist me to get this right. I am trying to request user to give extra details in the form i created by choosing either 'YES' or 'NO'. my code is as below: Code: <tr> <td bgcolor="#eeeeff"> Is it a shared devices?<br> <font color='#F62817'>** If yes, please indicate the shared device </font> </td> <td bgcolor="#eeeeff"> <SELECT name="shared"> <option value="No"SELECTED>No</option> <option value="Yes">Yes</option> <INPUT type = "TEXT" name = "shared_remark" value = "NIL"> </tr> so basically the text box will not appear if 'NO' is chosen, but if 'Yes' is chosen, the text box will appear for user to enter. Thanks Hi guys, I want to create a "one click - two action" link within my site, but I can't seem to find out how to do it... I've got some DJ mixes in RealAudio (.ra) and when someone wants to listen to the file I want a 'openwindow' or 'popup' to open at the same click (as the RealPlayer opens and starts playing). In the window that opens I want to display the track listing of the mix. I got some suggestions with something like this: <A HREF="javascript: openWindowSized('http://www.webpage.com/mix.html',300,350); http://www.webpage.com/mix.ra">Listen here</A> But that's not working and I'm not all that great at HTML and I can't seem to figure out how to do this... Anyone have an idea?! THANKS ! C. |