|
HTML - Making A Bookmark Button.
Hey all, apologies if this is in the wrong spot. I'm looking for a way to make a button/link that when clicked will bookmark my site. i.e. "Click HERE to bookmark this page."
I've been tromping around google for an hour and have turned up nada. Any help would be greatly appreciated. Thanks so much. Similar TutorialsHello, I posted this on another forum, but didn't get a conclusive response... Is it possible to make an HTML <button> act as a link without using Javascript's onClick handler, or indeed any Javascript at all? I was thinking something like: <a href="some link"><button>GO!</button></a> would work, but it doesn't seem to. Thanks, I am having a bit of a problem. I need to replace a submit button with an image (addtocart.gif). It sounds easy enough, but for some reason when I change the coding, my link does not pop-up in a new window, as it currently does. I need the image to open up my shopping cart preview page. Any help would be greatly appreciated. Code: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script type="text/javascript">
var mywindow;
var features='width=530,height=500,left=200,top=200,scrollbars=yes';
window.onload=function() {
document.forms[0].target='mypopup';
document.forms[0][3].onclick=function() {
makePopup();
}
}
function makePopup() {
if(mywindow) {
mywindow.close();
}
mywindow=window.open('','mypopup',features);
mywindow.focus();
}
</script>
</head>
<body>
<form method="post" action="http://ww11.aitsafe.com/cf/add.cfm">
<div>
<input type="hidden" name="userid" value="D745330"/>
<input type="hidden" name="price" value="19.95"/>
<select name="product">
<option value="Red shirt w/ logo (XS)">X-Small</option>
<option value="Green shirt w/ logo (S)">Small</option>
<option value="Blue shirt w/ logo (M)">Medium</option>
<option value="Red shirt w/ logo (L)">Large</option>
<option value="Green shirt w/ logo (XL)">X-Large</option>
<option value="Blue shirt w/ logo (XXL)">XX-Large</option>
</select>
<p>
<input type="submit" name="post" class="submit" value="submit"/>
</div>
</form>
</body>
</html>
Hi, I'm working on a simple website in which I'm required to use two types of forms input on a webpage. I have decided to make a simple quiz which will be designed as follows; -------------------------------------------------------- Q1: The largest mammal on land is: (radio button choices) Q2: Please tick the two correct answers: (tick boxes, four available... only two correct) ---------------------------------------------------------- (BUTTON: Please click here for the answers) ... answers should appear once the above button is pressed... Answers: Q1: B Q2: A * C Is this possible in HTML? Sounds quite straight-forward but I'm no expert so forgive me.. Ps: Is it possible to design a radio button which, depending on the choice, the related-text will appear underneath on the same page? So if they select 'A' then paragraph 'A' will show, if they select 'C' then paragraph 'C' will appear (with the rest hiding)... Thanks! Hi guys. I am hoping that someone can help a lady who is stuck. I want to have it so that when someone clicks on a hyperlinked word on my homepage, that a window opens up to another page... but also goes directly to a definition partway down the new page. For example: Clicking on "Word one" on the home page opens a Glosary page, and goes straight to the definition of "Word One" on that page. I hope that makes sense. So... fristly, is this possible? And secondly... can someone help me with a sample code for that? I await with baited breath. Thanks all in advance E x Hello. I want to make something like a calendar using a dropdown list. when the month and the day is selected, at the sumbit button press, i want to jump to a specific bookmark within the page. for example: Bookmark0103 (this means 3-rd of january) bla bla bla Bookmark0501(1st of May) etc. These is the code i've tried. Dont know how to actually "jump". Any ideea? thanks: Code: <HTML>
<HEAD>
<TITLE></TITLE>
<SCRIPT>
function show(aval) {
if (aval >= 1) {
MMDiv.style.visibility='visible';
mainform.MakeModel.focus();
} else
MMDiv.style.visibility='hidden';
}
</SCRIPT>
</HEAD>
<BODY>
<Form name="mainform">
<table width="700" align=center cellpadding=0 cellspacing=1 bgcolor=A4C0DD border=1><tr><td colspan="10">
<table border="0" align="center"><tr>
<td height=10 width="50"><B>Calendar</td>
<td>Luna
<select class=d type=text name=qty1 size=1 onchange="javascript:show(this.options[this.selectedIndex].value)">
<option value="01">Ianuarie</option>
<option value="02">Februarie</option>
<option value="03">Martie</option>
<option value="04">Aprilie</option>
<option value="05">Mai</option>
<option value="06">Iunie</option>
<option value="07">Iulie</option>
<option value="08">August</option>
<option value="09">Septembrie</option>
<option value="10">Octombrie</option>
<option value="11">Noiembrie</option>
<option value="12">Decembrie</option>
</td>
<td>
<select class=d type=text name=qty1 size=1 onchange="javascript:show(this.options[this.selectedIndex].value)">
<option value="01">01</option>
<option value="02">02</option>
<option value="03">03</option>
<option value="04">04</option>
<option value="05">05</option>
<option value="06">06</option>
<option value="07">07</option>
<option value="08">08</option>
<option value="09">09</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
<option value="18">18</option>
<option value="19">19</option>
<option value="20">20</option>
<option value="21">21</option>
<option value="22">22</option>
<option value="23">23</option>
<option value="24">24</option>
<option value="25">25</option>
<option value="26">26</option>
<option value="27">27</option>
<option value="28">28</option>
<option value="29">29</option>
<option value="30">30</option>
<option value="31">31</option>
</td>
<td>
<input type="submit" name="Submit" value="Afiseaza">
</td>
</tr></table>
</td></tr></table>
</form>
<p>
Bookmark1
</p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p>Bookmark2</p>
</BODY>
</HTML>
this is another example: Code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<style type="text/css">
<!--
.style1 {font-family: Georgia}
-->
</style>
</head>
<body>
<p><form id='sampleform' method='post' action='#month' >
<span class="style1">Select month and day</span>
<select name="month" size="1" class="style1" id="month" onchange="">
<option value="01">Ianuarie</option>
<option value="02">Februarie</option>
<option value="03">Martie</option>
<option value="04">Aprilie</option>
<option value="05">Mai</option>
<option value="06">Iunie</option>
<option value="07">Iulie</option>
<option value="08">August</option>
<option value="09">Septembrie</option>
<option value="10">Octombrie</option>
<option value="11">Noiembrie</option>
<option value="12">Decembrie</option>
</select>
<!-- Day dropdown -->
<select name="day" size="1" class="style1" id="day" onchange="">
<option value="01">01</option>
<option value="02">02</option>
<option value="03">03</option>
<option value="04">04</option>
<option value="05">05</option>
<option value="06">06</option>
<option value="07">07</option>
<option value="08">08</option>
<option value="09">09</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
<option value="18">18</option>
<option value="19">19</option>
<option value="20">20</option>
<option value="21">21</option>
<option value="22">22</option>
<option value="23">23</option>
<option value="24">24</option>
<option value="25">25</option>
<option value="26">26</option>
<option value="27">27</option>
<option value="28">28</option>
<option value="29">29</option>
<option value="30">30</option>
<option value="31">31</option>
</select>
<input name="Submit" type="submit" class="style1" id="display" value="display">
</form>
</p>
<p>Luni</p>
<a name="01"></a>
<p align="center">01 ianuarie</p>
<p align="center">adsfadsa</p>
<p align="justify">asdasda</p>
<p align="justify">asdfasdfaas</p>
<p align="justify"> </p>
<p align="justify"> </p>
<p align="justify"> </p>
<p align="justify"> </p>
<p align="justify"> </p>
<p align="justify"> </p>
<p align="justify"> </p>
<p align="justify"> </p>
<p align="justify"> </p>
<p align="justify"> </p>
<p align="justify">Marti</p>
<a name="02"></a>
<p align="center">02 ianuarie</p>
<p align="center">asdasd</p>
<p align="justify">qwerpqwerpqw</p>
<p align="justify">qwerqwoeprqpweoirqp </p>
</body>
</html>
Ok, currently on my site I have a bookmark link in my navigation bar (link is in my signature, also looking for reviews if you care to). However, I'm uncertain whether or not they really are worth it. I'm a self taught hobbyist webmaster so I'm not really "in the know" when it comes to some things. I'm just wondering, do bookmark links increase the frequency of people bookmarking your page? Do they just look like extra spam? I don't think I will keep mine up... it seems like even with it there it only works for IE and not mozilla or opera anyways. I am creating a website that has a search button with an image. I would like to know if there is some simple code that I can include that would display the same basic image with a different color when the user mouses over the button. Here is the code: <FORM name="searchform" onSubmit="return validateSearch();" METHOD="POST" ACTION="search_results_lt.asp"> <INPUT TYPE="text" NAME="Search" VALUE="" SIZE="20" > <INPUT TYPE=IMAGE SRC="images/search_button.gif" Name="SearchButton" Value="Submit"> </FORM> **** Thanks for your help, Robin Can you please help me? I am making a website in MS SharePonit designer 2007. The site will be in 2 languages, Croatian and English. On the home page of the site I have put two radio buttons to give the choice to go to English version or Croatian version. And below those 2 radio buttons i want to put a button with text "ENTER SITE". But I don't know how to do this: If the Croatian radio button is checked, a click on the "ENTER SITE" must take you to the Croatian version of the site, and if English radio button is checked, click on "ENTER SITE" must take you to the English version. Can you please tell me how to do that? On my HTML file i am trying to get the border to stay as it is and only get the middle bit to change when i click. The reason for this is that in the border there is alot of information which will be changed often and if i dont single pages it would require me to change each and everypage correct? So i was wondering weather i can make a panel to go in the middle which would change everyimime the user clicks on a new Link from the top bar. This Is What It Looks Like: Thanks I was wondering if there was any specific code that i could use to mkae a thumbnail of an image that leads to a larger image, without having to make 2 separate images. Hi guys, I am building a site for a new company and they need a page with a form on it that a user can fill out, that gets sent to the company, which they use to send back a quote. So obviously the form will require fields for the users name and other important details. As for the actual info needed to make the quote, there are three different types of quote (so maybe three different forms would work?) The forms are as follows: Marine Type of boat: Length: Height to antifoul line: Hull: Material: Antifoul re-application: (yes/no) Marina location: Automotive Make: Model: Year: Type of strip: Condition: Rust: Blast location: Home location: Swimming Pool Type of pool: locaton: Size (m squared): Depth: Shape: Tiled: (yes/no) Re-paint: (yes/no) Blast location: This excel file also shows the forms required: http://www.mediafire.com/?33oxx0zf6tac8ap I would greatly appreciate it if someone showed me how i can make these forms using HTML. Thanks Hello all. I am kinda a noobie at this, so dont get mad at me! How would i make a bkg not tiled? Im not exactly sure. Please help. Hi, I made a div into a link by making the "a" tag into a block element. Now that I did that, I added text and images to the div, and now the link only works around the text, but fine over the image. How do I get the link to work over the entire div? Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html><head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" >
<title>Website</title>
<style type="text/css">
.bbodytext {
margin:0;
position:absolute;
left:90px;
top:40px;
font-family:Arial;
font-size:9pt;
color:#7B7B7B;
width:212px;
height:43px;
}
.bheadtext {
width:200px;
height:20px;
left:90px;
position:absolute;
top:17px;
font-family:Arial;
font-weight:bold;
font-size:10pt;
color:#404040;
margin:0;
}
.link {
display:block;
top:0;
left:0;
width:333px;
height:100px;
position:absolute;
}
#bright {
top:0;
left:666px;
position:absolute;
background-color:#FFFFFF;
width:299px;
height:66px;
padding:17px;
}
#bright:hover {
background-color:#ECEFEF;
}
#bcenter {
top:0;
position:absolute;
background-color:#FFFFFF;
left:333px;
width:298px;
height:66px;
border-right:1px solid #DBDEDE;
padding:17px;
}
#bcenter:hover {
background-color:#ECEFEF;
}
#bleft {
top:0;
left:0;
position:absolute;
background-color:#FFFFFF;
width:298px;
height:66px;
border-right:1px solid #DBDEDE;
padding:17px;
}
#bleft:hover {
background-color:#ECEFEF;
}
#bottom {
height:100px;
width:999px;
position:relative;
box-shadow:rgb(168, 171, 171) 0px 2px 5px;
-webkit-box-shadow:rgb(168, 171, 171) 0px 2px 5px;
-o-box-shadow:rgb(168, 171, 171) 0px 2px 5px;
-ms-box-shadow:rgb(168, 171, 171) 0px 2px 5px;
-moz-box-shadow:rgb(168, 171, 171) 0px 2px 5px;
top:128px;
}
#wrapper {
height:635px;
width:999px;
top:0;
position:absolute;
left:50%;
margin-left:-499.5px;
}
body {
background-color:#DEE1E1;
margin:0;
padding:0;
}
</style>
</head>
<body>
<div id="wrapper" >
<div id="bottom" >
<div id="bleft" >
<a class="link" href="http://www.google.com" ></a>
<img src="images/icon.png" alt="" >
<p class="bheadtext" >Lorem Ipsum Dolor</p>
<p class="bbodytext" >Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent nec dapibus odio.</p>
</div>
<div id="bcenter" >
<a class="link" href="http://www.google.com" ></a>
<img src="images/icon.png" alt="" >
<p class="bheadtext" >Lorem Ipsum Dolor</p>
<p class="bbodytext" >Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent nec dapibus odio.</p>
</div>
<div id="bright" >
<a class="link" href="http://www.google.com" ></a>
<img src="images/icon.png" alt="" >
<p class="bheadtext" >Lorem Ipsum Dolor</p>
<p class="bbodytext" >Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent nec dapibus odio.</p>
</div>
</div>
</div>
</body>
</html>
Well i'm a total newby at this and i was wondering if you guys could help me out with this i want a form with a textbox so someone can put something in the textbox and click a sumbit button and then what ever they put in the textbox can be stored and the submit button redirects them to another page... is this possible? hey i wanna put an add next to my site chat box but i do the align thing and it goes under heres my codes without any changes <embed src="http://www.xatech.com/web_gear/chat/chat.swf" quality="high" bgcolor="#000000" width="600" height="500" name="chat" FlashVars="id=29774756&gn=CinemaSite" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://xat.com/update_flash.shtml" /><br><small><a target="_BLANK" href="http://xat.com/web_gear/chat/embed.php?id=29774756&GroupName=CinemaSite">Get CinemaSite chat group</a> | <a target="_BLANK" href="http://xat.com/CinemaSite"> Goto CinemaSite website</a></small><br><img style="visibility:hidden;width:0px;height:0px;" border=0 width=0 height=0 src="http://counters.gigya.com/wildfire/CIMP/bT*xJmx*PTEyMTE1MTYzNzI2NDkmcHQ9MTIxMTUxNjQwMTU2NSZwPTUzMTUxJmQ9Jm49Jmc9MQ==.jpg" <!-- Begin: AdBrite --> <script type="text/javascript"> var AdBrite_Title_Color = '0000FF'; var AdBrite_Text_Color = '000000'; var AdBrite_Background_Color = '808080'; var AdBrite_Border_Color = '333333'; var AdBrite_URL_Color = '0000FF'; </script> <script src="http://ads.adbrite.com/mb/text_group.php?sid=707068&zs=3132305f363030" type="text/javascript"></script> <div><a target="_top" href="http://www.adbrite.com/mb/commerce/purchase_form.php?opid=707068&afsid=1" style="font-weight:bold;font-family:Arial;font-size:13px;">Your Ad Here</a></div> <!-- End: AdBrite --> what do i add to make the add on the right side of the chat ???? I know about tables, but are there advance programming for certain condition? I mean if I want certain cells to certain lengths and so on? http://img91.imageshack.us/img91/335...idealolza9.jpg Hey anyone out there willing to help, i'd like my site to look like this but have no idea of how to do it LOL. That would be the main page, the images would be different of course, and then i would hyperlink the 'about us,' 'contact,' and 'news' to another page, but i'll worry about those later. So for now, any idea of how to do it? I want to make a table with two rows But i want to make sure that the data in the 2nd column is always align to the right.....Like this Data1 Data2 Data2 Data3 And not <tr><td>Data1<\td><td I want this side of the row to always be align to the right..>Data1</td></tr> Data2Data3 I know this is easy...But i am not quite sure how to do.... Is there a way to make an image or image map link to 2 different places when clicked? Thanks in advance is it possible to have div #1 which is 500 x 500 and div #2 which is also 500 x 500 directly above div #2 (rather than below or next to it)? i am thinking of using the z-index to making this happen... am i on the right track? so div #2 will have a z-index which is greater than that of div #1 |
|||||||