|
HTML - Clicked Code?
Hi
Anybody know where I can get a free bit of code that will show how many times a thumbnail has been clicked?? I ant to show viewers how many times thumnails have been clicked by showing the number of clicks under each thumbnail. Leroy Similar TutorialsHiya! My question today is- how do you disable the border that pops up when clicking on an image, either in HTML or DW, doesn't matter. Thanks! Example: i know.. stupid question.. i should know how to do this.. but i dont.. how do i make a layer appear when i link is clicked? i want to have [?] next to something, and when clicked, a layer becomes visible that shows some text, then when an X on the layer is clicked, the layer becomes invisible again i know it has to do with visible=true/false.. but idk what to do.. help please Hi.. Back with more image questions.. May i know how/what do i do if i want to have a smaller image (in a size that i want)on my website.. and when i click on it.. it goes to a new page and shows e actual size? Right now, what i have is this.. .image { height: 85px; width: 85px; } <div style="position: absolute; top: 350px; left: 60px; z-index: 5;"> <img class="image" src="http://img97.imageshack.us/img97/6893/honey.jpg"> </div> <div style="position: absolute; top: 438px; left: 60px; z-index: 5;"> <img class="image" src="http://img82.imageshack.us/img82/4149/jessicaalba.jpg"> </div> Thanx.... when i click on a link on my "test page" the div with my links in it moves up...but when i click back to the "home" page it moves back down take a look at the attached file to see what i'm talking about...is there any way of fixing this...it does this on both FF and IE 8. can someone help me with this...if it's something that i simply have to deal with then that's fine...just thought that maybe something was wrong and could be fixed. Hey guys, I was wondering if there was a possible way to make a link disapppear after it is clicked, and for it to stay that way until the link is changed. Help? Thanks Hello everyone! I have a quick questions that I cannot figure out the past few months. I have a website for the private school I work at and we have our webpage set up mostly using Dreamweaver with .html pages and Dreamweaver templates. Here's my question: When links on the top dropdown menu bars are clicked, they disappear when you go back and look, they are still there, but just not visisble until I reset the browser cookies and history. Any ideas??? BTW, the website is www.scrantonprep.com If you use the dropdown menus up top and click on something, you will then see that when you go back or access the site again, the one you clicked on disappears. Any help with this matter would GREATLY be appreaciated!! Hi guys, I'm looking for a script or some code that would change the name of the link once clicked. Say I have a link that says: CLICK HERE TO SEE MAP Once I click it, the link says: BACK TO DESCRIPTION And once I click this one, it goes back to: CLICK HERE TO SEE MAP Any ideas? I'm swapping out an image through javascript, and when the user click the image it becomes outlined. Is there some way to prevent this from happening? Thanks for any help. Hello! I hope someone can help! On the left column of my website he http://www.showlistportland.com ...there are ads. Hyperlinked images. But, when clicked they move out of the way!! How can I stabilize these images??? Any help is much appreciated!!! Thanks, b i have an html form that uses javascript to calculate the total price of gift cards. when i use a button for submit, everything is peachy. when i use an image to submit, the form races to the top and shows the top line of the page. the text is enclosed within a div tag that has a set height with auto as the overflow command. i removed the height and overflow, thinking that the enclosure was causing this. nope! same thing happened. this is the submit code: <input type="image" src="images/buttons_contact_calculate.gif" onclick="calcard(this.form)"><input type="text" name="totalprice" size="8"><br><input type="image" src="images/buttons_contact_reset.gif" name="reset" /> the javascript code is this: function calcard(form) { $totalprice = 0; if(form.card_twentyfive.checked==true){ twentyfive = (25 * form.twentyfive_no.value); } else { var twentyfive = 0; } form.totalprice.value = twentyfive + fifty + seventyfive + onehundred + twohundred + ".00"; } As indicated in the last line, there are five if statements including the twentyfive statement shown here for an example. the css is this: .text_box { position: absolute; top: 280px; left: 0px; width: 100%; z-index: 15; } .text { position: relative; left: 0px; top: 0px; width: 473px; height: 406px; overflow: auto; padding: 0px 30px 0px 503px; font-size: 13px; font-family: "arial"; font-weight: normal; line-height: 150%; letter-spacing: 0px; text-align: justify; color: #FFFFFF; z-index: 5; } any ideas about what is going on? Hi all i have an upload form, and when the upload button/image is clicked to upload the file, i would like to have this cool ajax loader that just moves with some text under it saying "uploading...please wait". What is the easiest and best way to do this? I have looked all around javascript, etc and cant seem to find a perfect simple solution. I am adding this in my .tpl file THanks Hi, i want some help regarding HTML links. I have a table containing topic and topic id. and another table having topic_id, sequence_no and Replies columns. I have a php + mysql script which show all the topics as html links. Now what i have to do is when any of link is clicked it should get identified and all the corresponding Replies should be displayed sequencially. I dont know how to identify and fetch topic_id on which i have clicked. Please help. Thanks, Jaas. I have a form with radio buttons. I want it so that only one is selectable at a time and if radiobutton 1 is selected then whenever another radiobutton is selected radiobutton 1 will be deselected. Here is the code: HTML Code: <html> <head> <title> </title> <script src="script.js"> </script> </head> <body> <form> <input type="radio" id="hbEgg" value="hb"> <label for="hb"> Hard Boiled Egg </label> <br /> <input type="radio" id="mbEgg"> <label for="mb"> Medium Boiled Egg </label> <br /> <input type="radio" id="fbEgg" value="fb"> <label for="fb"> Full Boiled Egg </label> <br /> <input type="radio" id="ebEgg"> <label for="eb"> Extra Boiled Egg </label> <br /> </form> </body> </html> Thanks in advance. Hiya! All the codes are working well but I have trouble with the email post. When you select an item on dropdown list and then click on the submit button, the email should show Description=Memo pad R62. Problem is that it only shows Description=1 - no words, huh? You can simply copy all these codes and paste on your field so that you can see what I mean. Hope you can help me fix this. Your help much appreciated. Code: <head>
<script type="text/javascript">
var option_values = [];
option_values[0] = [
"Card A6 - R32",
"Memo Pad - R62"
];
option_values[1] = [
"Card A6 - R35",
"Memo Pad - R65"
];
window.onload = function() {
var select_list = document.getElementById("two");
document.getElementById("one").onchange = function() {
// If the selected option has no value, return
if (!this.value) {
return;
}
// Remove all options from the select list
while (select_list.hasChildNodes()) {
select_list.removeChild(select_list.firstChild);
}
// Create and append the default option
var option = new Option("Please select...", "");
select_list.appendChild(option);
// Create and append all options from the appropriate nested array
var value_array = option_values[this.value];
for (var i = 0; i < value_array.length; i++) {
option = new Option(value_array[i], i);
select_list.appendChild(option);
}
}
}
</script>
</head>
<body>
<form action="mailto:youremail@gmail.com" method="post" enctype="text/plain">
<p>Description</p>
<div>
<select id="one" name="Description">
<option value="">Please select...</option>
<option value="0">Happy Birthday Card</option>
<option value="1">Wedding Card</option>
</select>
<select id="two"></select>
</div>
<p>
<input type="submit" value="Send Email"/>
<input type= "reset" value="Clear" />
</p>
</form>
</body>
</html>
Hi, i didnt know where to put this because I've got a problem with the CSS too. All the tutorials ive seen on the net require a "ordered/unordered list" to make a css menu. my site is a lot of images put together using divs, and then each relevant part included in a php file called index.php now i would like to have a menu button changed with a button with a tick on it when clicked to show the active state. here is my html with all the images put in order, the four menu button are in there home, events, donations, bhajans HTML 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>
<link rel="stylesheet" href="styles.css" type="text/css">
<title>|Youth Seva Group|</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
<body style="background-color:#FFFFFF;">
<div id="container">
<div id="sideLeft_">
<img id="sideLeft" src="images/sideLeft.jpg" width="79" height="768" alt="sideleft" />
</div>
<div id="krishna_">
<img id="krishna" src="images/krishna.jpg" width="155" height="227" alt="Krishna" />
</div>
<div id="logo_">
<img id="logo" src="images/logo.jpg" width="597" height="138" alt="Logo" />
</div>
<div id="hanuman_">
<img id="hanuman" src="images/hanuman.jpg" width="175" height="227" alt="Hanuman" />
</div>
<div id="sideRight_">
<img id="sideRight" src="images/sideRight.jpg" width="79" height="768" alt="sideright" />
</div>
<div id="ysg-06_">
<img id="ysg_06" src="images/ysg_06.gif" width="1" height="768" alt="" />
</div>
<div id="saiBaba_">
<img id="saiBaba" src="images/saiBaba.jpg" width="78" height="89" alt="SaiBaba" />
</div>
<div id="home1">
<a href="index.php"><img class="current-home" id="home1" src="images/home_off.gif" alt="Home"/> </a>
</div>
<div id="om_">
<img id="om" src="images/om.jpg" width="131" height="76" alt="Om" />
</div>
<div id="ysg-10_">
<img id="ysg_10" src="images/ysg_10.gif" width="1" height="76" alt="" />
</div>
<div id="donations_">
<a href="donations.php"><img id="donations" src="images/donations.gif" width="151" height="25" alt="Donations" /></a>
</div>
<div id="ysg-12_">
<img id="ysg_12" src="images/ysg_12.gif" width="85" height="89" alt="" />
</div>
<div id="events1">
<a href="events.php"><img id="events1" src="images/events_off.gif" width="151" height="22" alt="Events" /> </a>
</div>
<div id="bhajans_">
<a href="bhajans.php"><img id="bhajans" src="images/bhajans.gif" width="151" height="22" alt="Bhajans" /></a>
</div>
<div id="ysg-15_">
<img id="ysg_15" src="images/ysg_15.gif" width="151" height="29" alt="" />
</div>
<div id="ysg-16_">
<img id="ysg_16" src="images/ysg_16.gif" width="151" height="29" alt="" />
</div>
<div id="ysg-17_">
<img id="ysg_17" src="images/ysg_17.gif" width="6" height="13" alt="" />
</div>
<div id="ysg-20_">
<img id="ysg_20" src="images/ysg_20.gif" width="6" height="13" alt="" />
</div>
<div id="lineLeft_">
<img id="lineLeft" src="images/lineLeft.gif" width="239" height="5" alt="Line Left" />
</div>
<div id="lineRight_">
<img id="lineRight" src="images/lineRight.gif" width="266" height="5" alt="Line Right" />
</div>
</body>
</html>
this is my css Code: #container {
position: relative;
text-align: center;
width: 1068px;
height: 0px;
margin: 0px auto;
}
#sideLeft_ {
position:absolute;
left:0px;
top:0px;
width:79px;
height:768px;
}
#krishna_ {
position:absolute;
left:79px;
top:0px;
width:155px;
height:227px;
}
#logo_ {
position:absolute;
left:234px;
top:0px;
width:597px;
height:138px;
}
#hanuman_ {
position:absolute;
left:831px;
top:0px;
width:175px;
height:227px;
}
#sideRight_ {
position:absolute;
left:1006px;
top:0px;
width:79px;
height:768px;
}
#ysg-06_ {
position:absolute;
left:1085px;
top:0px;
width:1px;
height:768px;
}
#saiBaba_ {
position:absolute;
left:234px;
top:138px;
width:78px;
height:89px;
}
#home1 a:active, .current-home {
position:absolute;
left:312px;
top:138px;
width:151px;
height:25px;
background-position: top;
background:url(home_on.gif);
}
#events1 a {
position:absolute;
left:312px;
top:163px;
width:151px;
height:22px;
background-position: top;
}
#om_ {
position:absolute;
left:463px;
top:138px;
width:131px;
height:76px;
}
#ysg-10_ {
position:absolute;
left:594px;
top:138px;
width:1px;
height:76px;
}
#donations_ {
position:absolute;
left:595px;
top:138px;
width:151px;
height:25px;
}
#ysg-12_ {
position:absolute;
left:746px;
top:138px;
width:85px;
height:89px;
}
#bhajans_ {
position:absolute;
left:595px;
top:163px;
width:151px;
height:22px;
}
#ysg-15_ {
position:absolute;
left:312px;
top:185px;
width:151px;
height:29px;
}
#ysg-16_ {
position:absolute;
left:595px;
top:185px;
width:151px;
height:29px;
}
#ysg-17_ {
position:absolute;
left:312px;
top:214px;
width:6px;
height:13px;
}
#aboutus_ {
position:absolute;
left:318px;
top:214px;
width:211px;
height:24px;
}
#resposibilities_ {
position:absolute;
left:529px;
top:214px;
width:211px;
height:24px;
}
#ysg-20_ {
position:absolute;
left:740px;
top:214px;
width:6px;
height:13px;
}
#lineLeft_ {
position:absolute;
left:79px;
top:227px;
width:239px;
height:5px;
}
#lineRight_ {
position:absolute;
left:740px;
top:227px;
width:266px;
height:5px;
}
#logIn_ {
position:absolute;
left:79px;
top:232px;
width:111px;
height:33px;
}
#register_ {
position:absolute;
left:190px;
top:232px;
width:112px;
height:33px;
}
#ysg-25_ {
position:absolute;
left:302px;
top:232px;
width:16px;
height:27px;
}
#ysg-26_ {
position:absolute;
left:740px;
top:232px;
width:266px;
height:49px;
}
#ysg-27_ {
position:absolute;
left:318px;
top:238px;
width:422px;
height:21px;
}
#ysg-28_ {
position:absolute;
left:302px;
top:259px;
width:10px;
height:22px;
}
#sayings_ {
position:absolute;
left:312px;
top:259px;
width:76px;
height:22px;
}
#ysg-30_ {
position:absolute;
left:388px;
top:259px;
width:352px;
height:22px;
}
#ysg-31_ {
position:absolute;
left:79px;
top:265px;
width:48px;
height:16px;
}
#memberBenefits_ {
position:absolute;
left:127px;
top:265px;
width:114px;
height:11px;
}
#ysg-33_ {
position:absolute;
left:241px;
top:265px;
width:61px;
height:16px;
}
#ysg-34_ {
position:absolute;
left:127px;
top:276px;
width:114px;
height:5px;
}
#content_ {
position:absolute;
left:79px;
top:281px;
width:927px;
height:487px;
}
a:active
{
outline: none;
}
a:focus
{
-moz-outline-style: none;
}
img{
border:0px;
}
and this is the main php file with the includes. PHP Code: <?php include 'headerplusmenu.php'; ?> <?php include 'login.php'; ?> <?php include 'sayings.php'; ?> <?php include 'main.php'; ?> <?php include 'homesubmenu.php'; ?> <div id="content_"> <p>Homepage</p></div> Hey guys I need some help regarding a website I made from a template. you can view the site at http://www.goosetrailbnb.com/ The problem is that when you click on the links in the bottom navigation bar, it will only show the page for a second (not properly aligned) and then redirect back to the index.html automatically. If you click the links on the menu up top in the flash header, the links work fine. I am using iframe....so my pages are index.html, iframe_0.html, iframe_1.html, iframe_2.html and so on. I have the links set as iframe_0.html etc for the links in the bottom navigation bar. Any help would be appreciated!!! Thanks 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. Website - http://www.jakobmetzger.com/misc/sites/kindlingeffects/ CSS - http://www.jakobmetzger.com/misc/sit...stylesheet.css The CSS that is related to the rollover images in under /*-- Features Rollover Image--*/ Whenever someone clicks one of the features on that page in firefox it leaves a grey box around it. Is there a way I can remove that box or somethign I can do to hide it? I have had this problem on almost all the websites I've made and I'm too picky to let it go... When I make the navigation images/buttons for a website, I set the border to zero as usual and link each image to its respective page. But, when I click on the image to take me where it's supposed to, this pesky dotted border appears around the edge of the image after it has been clicked and it remains there until I click on something else on that page. (This also happens to text links when clicked, but I'm not too worried about the text links.) For the websites I've made that go to an entirely new page after an image link is clicked, the dotted line appears around the linked image after it's clicked and before the next page has loaded, but then after the new page loads the dotted line is gone. But, for websites I have built that utilize frames, because the new page that loads is in an iframe, and because the page the navigation buttons are located on never changes, the dotted border stays around the image after its been clicked and, like I mentioned earlier, doesn't go away until I click on something else on that same page. An example of this can be seen when you click the images in the navigation column along the left side of a website I built located at the following URL: http://www.djprogress1.com/ This border problem could be specific to my website browser (I use Firefox), but I am not sure. And the border could be added entirely by the browser and there may be no way to get rid of it through coding, but again, I am not sure of this. So, does anyone know if anything can be done to fix this or am I stuck with these dotted borders? Thanks, Jase Hello, I have designed sites in the past but am in need of some assistance. I am designing a website for an artist who wants to be able to offer his clients fine art prints for sale. He needs to be able prints with several different product options; i.e. canvas print with 1" stretch, 2" stretch and framed prints. I want to be able to offer check boxes (or equivalent) that will display an image of the different product options available. If the 1" stretch check box is checked I need an image of a canvas on a 1" gallery wrap frame to be displayed. If they click on the "frame" check box, I need an image of a framed painting to be displayed. What is the best method to use to accomplish this? I've researched and experimented but am at a bit of a loss. Any help will be greatly appreciated. Thank you in advance!! -John |
|||||||