|
HTML - Anchor Link In A Select Menu
I am wanting to link to a certain option in a select list via an anchor link on another page.
Each option displays different info below it using javascript. Example: I have a date on a php based calendar linking to a events page. On the events page is the select list with different events that will show below the list when selected. How can I link that specific date to that event so that it is displayed? Is this possible? Similar TutorialsHow do I make an H1 heading (example: <h1>Business to Business</h1>) into a link that will jump to an anchor lower on the page? What is the code for this? HELP! Any help would be much appreciated Karen I am having a problem with my anchor links disappearing when I click on one. I don't know what is causing this to happen. Here is the link to the problem. When you click any of the links, it takes you to the right place. But scroll back up and you will see that 2 of them disappear. http://www.white-candle.net/Our-Other-Products.html Relevant Code: HTML Code: <CENTER><p> <a href="#bathnbody">Natural Bath And Body Products</a><br> <a href="#cosmetics">Natural Cosmetics</a><br> <a href="#skincare">Natural Skin Care</a></p></CENTER> and the anchor names: HTML Code: <a name="bathnbody"><hr></a> <a name="cosmetics"><hr></a> <a name="skincare"><hr></a> Okay so I am working on a website and on the services page I used anchor tags to jump to places on the page. They all work great except for one. The page validates and I dont see anything any different from that markup to all the other markups I have done. It is up on a test server at www.vsncom.com/melkay/services.html The link thats not working is underneath the Electrical maintenance block and it is the link to go back to the top. Also on the entire site. The map page, contact, and services all shift slightly to the left. The pages all use the same css...any ideas? or is it just an optical illusion? Thank You, Matt Hello Guys, I use Named Anchor to navigate within my webpage. Is there any way how one can navigate back to the clicked link from the destination? Normally the backspace works. But I would like to add a link at the destination and clicking this link would take me back to the clicked-link. Is this possible? I hope I made myself clear. If any of you can give me some advise about this issue, it would be much appreciated. Thanks in advance, Chuma P.S - I read in a site that using the <li> tag can do this. I am unsure how that works either. If any of you have any idea about this, please let me know. Thanks. I am new to CSS and trying to crate a page with HTML/CSS. I want to display menu on left side and when user click on the menu item -> right side content should be displayed along with the Menu on the left side. Below is the sample code(this code may not be appropriate). Please suggest me how to make this code work correctly. HTML Code: <html>
<head>
<link rel="stylesheet" type="text/css" href="my.css" />
</head>
<body>
<div id="left-menu">
<a href="#" class="current">Hello</a>
<a href="C:\xxx.html">Section 1</a>
<a href="#">Section 2</a>
<a href="#">Section 3</a>
<a href="#">Section 4</a>
<a href="#">Section 5</a>
<a href="#">Section 6</a>
<a href="#">Section 7</a>
</div>
</body>
</html>
my.css file
---------------
#container {
padding: 0;
margin: 0;
background-image: url(container.png);
background-repeat: repeat-y;
background-position: top left;
}
#left-menu {
position: absolute;
top: 220px;
left: 0;
width: 160px;
height: 100%;
border-top: 1px #9ad815 solid;
border-bottom: 1px #9ad815 solid;
}
Thanks! Using below script after clicking the button it will reload the page and starting the application I want people go to anchor link location after clicking the submit button, for example go to the bottom of the page because the program is in the bottom of the page how to do that guys please help Code: echo '<form action="" id="frm_chat" method="post"><fieldset id="fieldset_chat"><legend>Chat</legend><div>'; echo $err_msg; echo "<label>Nick: </label>".$txt_nick->getHtml()."<br />"; echo "<label>Server: </label>".$ddl_server->getHtml()." or ".$txt_server->getHtml()."<br />"; echo "<label>Channel: </label>".$ddl_channel->getHtml()." or ".$txt_channel->getHtml()."<br />"; echo ' <input type="submit" class="btn" name="btn_chat" value="Chat Now"/></div></fieldset></form>'; Hi, I have a website in which the menu is the same on all pages (http://www.hiltrain.com) I have set this up so that the menu item is in bold to identify the specific page the viewer is on. This works perfectly in function and is set up by using: <body id="help"> and then using the same id in the link code, e.g. <a href="howwecanhelp.htm" id="help"> In the css file I have an entry: body#help a#help, font-weight: bold; This gets the menu item for that page to be in bold and this works fine. However this doesn't vaildate well as according to the W3C standards I can't use the id twice. Can anybody advise me on a way to change these to achieve the same affect but so that it complies with W3C. Any help greatly appreciated. Cheers Iain Good morning! I have a problem with a couple of select boxes. I need more than one, due to the size of the list, but I want it so if they choose an option in the first box, then choose an option in the second box, it will deselect the option in the first one. So for example, if these are nested side by side in a table... <td width="20%"><form> <select name="selectMain" size="16" id="selectMain" onChange=" if ( value == 0){ selects (id);} if ( value == 1){ selectc ('Test1',id);} if ( value == 2){ selectc ('Test2',id);} if ( value == 3){ selectc ('Test3',id);} "> <option value="1">Test 1</option> <option value="2">Test 2</option> <option value="3">Test 3</option> </select> </form> </td> <td width="20%"><form> <select size="16" id="selectMain" onChange=" if ( value == 0){ selects (id);} if ( value == 4){ selectc (Test4',id);} if ( value == 5){ selectc ('Test5',id);} if ( value == 6){ selectc ('Test6',id);} "> <option value="17">Test 4</option> <option value="18">Test 5</option> <option value="19">Test 6</option> </select> </form> </td> If someone chooses Test 1 in the first box, it highlights it and displays that content. And if they choose Test 4 it removes the Test 1 content, highlights and displays the Test 4 content. But it leaves Test 1 highlighted as well. There is a lot of missing code here... But hopefully you get the picture. Is there a way to make it so that when they choose Test 4 it will remove the highlighting from Test 1 in the first form? Thanks so much for your help! I have been beating my head on a wall! =D Hi All, I've been asked to make some hyperlinks that automatically select items in a drop down menu in a contact form. Is this possible if so, how is it done Thanks in advance Bluestreak Hey all! I'm trying to set a predefined value in a <select> menu, that is to say, I want something to be highlighted before the user does anything. I've tried the following: <select name="test" size="2" value="x"> <option>x</option><option>y</option> </select> This does not work. Any advice would be great! Thanks for your time. I want to sell some stuff over the internet like cloths.... And I use Pagseguro (Its a brazilain thing, like paypal). So, I have this wordpress site, with pagseguro plugin installed on it. To add products on my posts I use the following code to get the Add to cart button. HTML Code: <object><form method="post" action="" style="display:inline">
<input type="submit" value="Adicionar ao Carrinho" />
<input type="hidden" name="product" value="[b]PRODUCTNAME[/b]" /><input type="hidden" name="price" value="PRODUCTPRICE" /><input type="hidden" name="addcart" value="1" /><input type="hidden" name="cartLink" value="<?php the_permalink() ?>" />
</form></object>
The thing is, the plugin is really simple. All it does is: show "add to cart" button and the "pay" button. And like I said, I want to sell cloths. To sell cloths there got to be the Sizes: "S""M""L" and color. And what I wanted to do is: Create a form like this: HTML Code: <form name="jump"> <p align="center"> <select name="menu"> <option value="URL">Text that will appear in the choices</option> <option value="URL">Text that will appear in the choices</option> <option value="URL">Text that will appear in the choices</option> </select> <input type="button" onClick="location=document.jump.menu.options[document.jump.menu.selectedIndex].value;" value="GO"> </p> </form> (I found that on http://personal-computer-tutor.com/dropdownlist.htm) On the options there would be the sizes for my clients to choose. And on the "ADD TO CART CODE" (the first code on the top) on the "PRODUCTNAME" part would be a PHP or something that would gather the clients choice and add it there. So when he press the button the product he chose would show on the cart with the size in parentesis. Like this: HTML Code: <object><form method="post" action="" style="display:inline">
<input type="submit" value="Adicionar ao Carrinho" />
<input type="hidden" name="product" value="Alpinestars (<?php GET FORM VALUE ?>)" /><input type="hidden" name="price" value="PRODUCTPRICE" /><input type="hidden" name="addcart" value="1" /><input type="hidden" name="cartLink" value="<?php the_permalink() ?>" />
</form></object>
(for the button) and if he chooses small it be like this on the shopping cart: Alpinestars (Small) I know its really difficult to understand My english is really bad. But im really sad because I cant do this by any way. Could yall please help me with my problem? Thank You. How to make a image rollover based menu that changes image on mouse rollover and on mouse click so when I click the image it stays changed until I click on another image in the menu. Hi, I am creating a form in which i have a dropdown menu. According to the selection(s) in drop down menu, that many text field(s) should be shown below that drop down menu. Have a look at this code... <html> <head> <title> Sample Application </title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <script> function callMe() { if(document.MyForm.dropDownValue.value != ""){ document.getElementById("txtBox").style.visibility = "visible"; } else{ document.getElementById("txtBox").style.visibility = "hidden"; } } </script> </head> <body> <form name="MyForm"> <table> <tr> <td> <select name="dropDownValue" onchange="callMe();"> <option value="">--None--</option> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> <option value="4">4</option> <option value="5">5</option> </select> </tr> <tr id="txtBox" style="visibilty:visible"> <td> Enter Your Value He </td> <td> <input type="text" name="txtEntry" value=""> </td> </tr> </table> </body> </html> : the problem is: when I select 2, it suppose to show 2 text fileds and 3 when i select 3 accordingly. I am new to this stuff...so,can any one help me out ASAP pls?? thanks , i will be waiting for your reply... -S Hey guys. Man, it's been years since I've been here. Not that much into web design these days.. but as it turns out I was asked to make someone a site.. It went well and I managed to get good bits of code from online as you do, but I have stumbled across a problem.. I have an iFrame with a calendar in it (consisting of html and some javascript) and by clicking certain dates it will change the selection of a drop down menu (full of listed dates) which is located on the main page.. Because it is not simply changing a link and instead a selection on a menu, it required javascript and after a lot of messing around I got it to work.. this was the code: <a href="javascript:void(0)" onclick ="parent.document.getElementById('datechoose').value = '11';" style="display:block;">15</a> this, when attached to a link in the iFrame will select the 11th item on the menu on the main page. It only works online for some reason, but other than that. it works perfect.. Here's the problem. My dreamweaver template has screwed up as it often does.. and it will be waay to difficult to figure out the problem. so I'm scrapping that idea.. So now I have to update the menu options on about 15 different pages every week... OR - I could put this menu on it's own page in a seperate iframe so it only needs updated once.. So essentially, how would I modify this code to link from one iframe to another. I wish it was as simple as 'target' etc. but that won't work. I've looked at similar questions online, but none of the answers seem to work.. thanks in advance i want to use carousel menu of flashxml i have found a faq of how i can change the xml file but it wont work. my idea is if you press on the picture he load another xml fle with links this code is off flash xml http://www.flashxml.net/short-explan...xml-files.html HTML Code: var flashvars = {};
flashvars.settingsXML = "your_filename.xml";
like in this example:
<script type="text/javascript" src="js/swfobject.js"></script>
<script type="text/javascript">
var flashvars = {};
flashvars.settingsXML= "your_filename.xml";
var params = {};
params.scale = "noscale";
params.salign = "tl";
params.wmode = "transparent";
var attributes = {};
swfobject.embedSWF("ComponentNameFX.swf", "ComponentNameDiv", "600", "300", "9.0.0", false, flashvars, params,
so i wanne make it on this way HTML Code: <Carousel centeredImage="images/logo.png" url="http://www.flashxml.net" target="_blank">
<photo image="images/01.jpg" var flashvars = {}; flashvars.settingsXML = "test.xml"; <![CDATA[test<br>test]]></photo>
<photo image="images/02.jpg" var flashvars = {}; flashvars.settingsXML = "test2.xml";<![CDATA[It's FREE]]></photo>
can somebody help me with this code so that he opens a another xml file with links so its doesn't need to make this menu so many times i hope that you can understand my english its not so good Is there anyway to do a sort of "go to next anchor" link? ... and previous anchor? Hello, I have a webpage with several html anchors. The anchor part works ok, but when I click on the links, I only goto to the part of the page with all the anchors (all anchors are gathered low in the page) and I wanted to know if there is any way of highlighting the specific anchor that the user has clicked on. Thank you. Using help from (http://www.echoecho.com/htmllinks08.htm) I added links to my page (http://laititudefestival.zxq.net/whosplaying.html) When clicked on the title 'Lake Stage' it should redirect you to the line up image lower down in the page. The link (http://laititudefestival.zxq.net/whosplaying.html#lake) appears in the address bar . It should move the page down but it dosent Please help Just give me one working example I would be very happy I could change text and so on ! Thanks , Sorry for English Right this is not for the faint-hearted cos I'm going to make a real hash of explaining what I'm trying to do probably I'm using <a> tags to move the user around a single page, so for example: HTML Code: <a href="#room1">Room1</a> <a href="#room2">Room2</a> <a href="#room3">Room3</a> <a href="#room4">Room4</a> <div id="room1"> Some Content </div> <div id="room2"> Some Content </div> <div id="room3"> Some Content </div> <div id="room4"> Some Content </div> It works fine, but the browser places the viewing window right at the very start of the <div id=""> bit. I want to have it move to say 50px higher up. I can't move the <div> tags or set any margin or padding on them as this really messes up the page. Is there any way to move the browser window 50px back up after it has moved to the <div> position. Maybe using javascript? Any help really appreciated |
|||||||