|
HTML - Click A Button = Adds To A Counter Html Code?
Heya, This is my first post on the forums =]
I just wanted to ask if anyone knew a code that produced a clickable button on your website that when clicked by a website visiter raises the number of a visable counter by 1? And, if possible one that could only be pressed once by the same IP address or Computer. I hope this is clear enough =] I don't mean a site counter that raises the number everytime someone comes onto the site. Similar TutorialsI have an HTML button on my webpage. When the button is clicked it opens the URL link. <input type="button" value="home" onclick="main.location.href='http://www.srisri.org'"/> I want to modify the button such that after clicking the button not only opens the webpage but also the font of the button changes to bold red. if the 1st vote button is hitted twice then if i hit 2nd vote button so it jumps to 3 instead of 1 ....please help i m doing this for my college ...not a project just ......doingit !! HTML Code: <html>
<head>
<title>U Compare</title>
<script><!--
var Clicks = 0 ;
function AddClick(){
Clicks = Clicks + 1;
document.getElementById('CountedClicks').innerHTML = Clicks + ' votes';
}
// --></script>
<script><!--
var Clicks = 0 ;
function AddClick1(){
Clicks = Clicks + 1;
document.getElementById('CountedClicks1').innerHTML = Clicks + ' votes';
}
// --></script>
</head>
<body>
<H1 align="center"><I>WELCOME 2 U-COMPARE</H1>
<HR COLOR="RED" SIZE="10" width="50%" NOSHADE>
<img src="ab.jpg" style="margin-left:400px"align="down" alt="Pulpit rock" width="250" height="400" />
<span id="CountedClicks">0 vote</span><br>
<button style="background-color:white"; ; onclick="AddClick()">vote</button>
<table cellspacing="15" border="0" cellpadding="0">
<td width="700"></td>
<td width="3" height ="700" bgcolor="RED"><BR></td>
<td width="150" valign="DOWN" align="right">
</td>
</tr>
</table>
<img src="tiesto.jpg" style="margin-left:400px"align="bottom" width="250" height="400" />
<span id="CountedClicks1">0 vote</span><br>
<button style="background-color:white"valign="top" onclick="AddClick1()">vote</button>
<!-- begin htmlcommentbox.com -->
<div id="HCB_comment_box"><a href="http://www.htmlcommentbox.com">HTML Comment Box</a> is loading comments...</div>
<link rel="stylesheet" type="text/css" href="http://www.htmlcommentbox.com/static/skins/simple/skin.css" />
<script type="text/javascript" language="javascript" id="hcb"> /*<!--*/ if(!window.hcb_user){hcb_user={};} (function(){s=document.createElement("script");s.setAttribute("type","text/javascript");s.setAttribute("src", "http://www.htmlcommentbox.com/jread?page="+escape((window.hcb_user && hcb_user.PAGE)||(""+window.location)).replace("+","%2B")+"&opts=406&num=10");if (typeof s!="undefined") document.getElementsByTagName("head")[0].appendChild(s);})(); /*-->*/ </script>
<!-- end htmlcommentbox.com -->
<table cellspacing="15" border="0" cellpadding="0">
<td width="700"></td>
<td width="3" height ="700" bgcolor="RED"><BR></td>
<td width="150" valign="DOWN" align="right">
</td>
</tr>
</table>
</body>
</html>
I have a BUTTON element in which I am placing and image. It looks fine in IE, but firefox is adding some extra left padding to it. Setting margin and padding to the img does not help. Anyone know of a workaround? See the page at http://newsite.mortgageisrael.com/sh....asp?pageid=18 (2 places) HTML: Code: <button type="submit" class="formButton" style="width:77px"><img src="images/submit.gif" alt="Submit"/></button> CSS: Code: .formButton{
font-weight: bold;
margin-top: 10px;
cursor: pointer;
height:25px;
border:1px solid black;
padding: 0px;
text-align:center;
}
.formButton IMG{
padding: 0px;
margin: 0px;
}
Thanks My apologies if this belongs in a different forum. I'm creating an order form for a site and I need to add something I've never done before. I want content to be added to the form if the user clicks on a certain radio button. At the bottom of the form there are fields for the subtotal and total of the items that they're inputting at the top of the form. By clicking on a radio button I want to do either of the following. 1) A new table cell appears with text and an input field that has a number already in it. 2) The above cell and content are already on the page, and the clicking of the radio button only adds the info into the empty input. The first option I assume is a little more complicated and probably deals with CSS and/or Javascript. Option 1 is preferred but if I can only do number 2 then I'll deal. Just a note, I'm not doing any actual number calculations with this form. It's just raw numbers so there's no need to take that into consideration. Any and all help will be greatly appreciated. hii... i had made an template and place all my code inside it it is running fine but the button is not getting near to the image can u help me with that or tell me how to do it ....and i had used software to convert template from powerpoint with a software called ppt2 flash standard and it has it logo of that website on the buttom of my template how to remove it !! HTML Code: <html>
<head>
<title>U Compare</title>
<script><!--
var Clicks = 0 ;
function AddClick(){
Clicks = Clicks + 1;
document.getElementById('CountedClicks').innerHTML = Clicks + ' votes';
}
// --></script>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script language="javascript" src="swf.js"></script>
<title> compare</title>
<!-- saved from url=(0014)about:internet -->
</head>
<body bgcolor="#999999">
<span id="CountedClicks">0 vote</span><br>
<button style="background-color:white" onclick="AddClick()">vote</button>
</body>
<script language="javascript">
<!--
function getSlideIndex() {
var strUrl = document.location.href;
if (strUrl.indexOf('?') == -1 || strUrl.indexOf('=') == -1) {
return 0;
}
return strUrl.substring(strUrl.indexOf('=') + 1, strUrl.length);
}
//-->
</script>
<body>
<center>
<table border="0" cellpadding="0" cellspacing="0" width="100%" height="100%">
<tr>
<td width="100%" height="100%" align="center" valign="center">
<script language="javascript">
writeSwf("compare.swf?slideIndex=" + getSlideIndex(), "100%", "100%");
</script>
</td>
</tr>
<tr>
<td style="font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: silver;" align="right">
<span class="style1">Powered by Wondershare
<a style="font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: silver" href="http://www.wondershare.com/pro/ppt2flash-standard.html">PPT2Flash Standard</a></span></td>
</tr>
</table>
</center>
<!-- begin htmlcommentbox.com -->
<div id="HCB_comment_box"><a href="http://www.htmlcommentbox.com">your opinion box</a> is loading comments...</div>
<link rel="stylesheet" type="text/css" href="http://www.htmlcommentbox.com/static/skins/simple/skin.css" />
<script type="text/javascript" language="javascript" id="hcb"> /*<!--*/ if(!window.hcb_user){hcb_user={};} (function(){s=document.createElement("script");s.setAttribute("type","text/javascript");s.setAttribute("src", "http://www.htmlcommentbox.com/jread?page="+escape((window.hcb_user && hcb_user.PAGE)||(""+window.location)).replace("+","%2B")+"&opts=406&num=10");if (typeof s!="undefined") document.getElementsByTagName("head")[0].appendChild(s);})(); /*-->*/ </script>
<!-- end htmlcommentbox.com -->
</body>
</html>
I need to create a web counter that doesn't track hits, but increases by 1 every 8 seconds. I have some experience with HTML, but no experience with Java. I'm not sure how to create this. Does anybody else? Ok, I'm wanting to add a text box to my site and when you click a button it'll open the letters in the text box as a url for my site For example, in the text box I have hello when I click the button it'll open up http://htmlforums.com/hello.htm I also need to know how to add .htm to after the string in the text box when you click the button. I also want this to open in the same window. Any help please? Thanks. Hi... I got a question tht puzzeled me whole day and i dont know how to solve,Can you please help me? My main page is at /usr/local/share/HT/html/server/index.html. Now that inside my main page i want to do a link by a button click to the another page, say page 8. page 8 is at /data/website. But whenever i tyr to click on tht button, it says "PAge not found" Followimng is my coding <br><input type="submit" value=" Viewing " onClick="location.href='/data/websites/page8.html'"; onMouseOver="info('Viewing'); return true" onMouseOut="info(' '); return true" ></br> Can anyone guides me step-bystep, please :-) I need to make a button whose value is "times clicked: 0" and the number increments every time the button is clicked so after one time it should say times clicked: 1 I Don't know how to do this though, is a javascript function the best way? here's is my code <?php if(isset($_POST['submit'])) { $name = $_FILES['fileToUpload']['name']; $tmp_file = $_FILES['fileToUpload']['tmp_name']; $error = $_FILES['fileToUpload']['error']; $size = $_FILES['fileToUpload']['size']; $type = $_FILES["fileToUpload"]["type"]; echo "<table border=\"1\">"; echo "<tr><td>Client Filename: </td> <td>" .$name. "</td></tr>"; echo "<tr><td>File Type: </td> <td>" . $type. "</td></tr>"; echo "<tr><td>File Size: </td> <td>" . ($size/1024). " Kb</td></tr>"; echo "<tr><td>Name of Temporary File: </td> <td>" .$tmp_file. "</td></tr>"; echo "</table>"; $targetPath = '/srv/fff/htddd/uptime/down/'; $targetFile = str_replace('//','/',$targetPath) . $name; move_uploaded_file($tmp_file,$targetFile); echo "Image uploaded successfully to server :"; echo "</br>"; echo $name; echo "<html>"; echo "<head></head>"; echo "<body>"; echo " <form method=\"post\" action=\"http://testrun.libst.siu.edu/drupal/tagdublincore\"> "; echo "<input name=filename value=$name >"; echo "<input type=submit value=\"next\"></form >"; echo "</body>"; echo "</html>"; } ?> <html> <head> </head> <body> <h2>Upload Image</h2> <form enctype="multipart/form-data" method="post" action="http://testrun.libst.siu.edu/drupal/sep1"> <input type="file" name="fileToUpload" /> </br> // I WANT TO HIDE THIS SUBMIT BUTTON AFTER CLICKING <input type="submit" name="submit" value="Upload File" /> </form> </body> </html> Hi Guys/Guru's of HTML, I am trying to get my website onto the MOTD [Message of the day] which shows up on first entering the server. Then When this shows up people can browse through our website with ease. I have edited the MOTD.txt file to read: <html> <HEAD> </HEAD> <BODY><meta http-equiv="REFRESH" content="0;url=http://cfagaming.xippy.co.uk/</BODY> </HTML> Please give me something i have done wrong because it doesnt ****ING work (mind my language) and is really pissing me off. Please help HTML Gurus Thanks & Best Regards Daniel Hardaker i am dynamically creating a HTML in which i have an <img> tag but when i click on it it is not giving any sound like we normally get. so what could be wrong. any help on this ASAP is very help full I have a form and instead of clicking on a "Submit Button". I would like to have a text link that can be clicked to submit the action. Any ideas. we usually see (.) I agree ( ) I disagree this is seen in the software liscence agreements.....I am given a project now asking me :- When I put my mouse on the label "I agree" or "I disagree". Then the radio button must be selected automatically instead of me clicking on it. Can you please help me out friends on how to do in HTML............if possible can you please give me the sample code. i am dynamically creating a HTML in which i have an <img> tag but when i click on it it is not giving any sound like we normally get. so what could be wrong. any help on this ASAP is very help full I want my visitors to be able to create a HTML table with the click of a button(they enter 5 lines of content, and a table appears with the content in it), and I want to have that table displayed on my site for all to view. Is this possible? *Shortened Request:* Visitors post content, click a button, table appears with that content on the(already created) webpage-PERMANENTLY(unless I delete it ) Yeah.. I have no idea where to start with this script.. I know it'll have something to do with a form... Anyone help me out? I'm having a really odd problem with the html audio player. It looks fine if I don't click the play button, but the moment I click the play button, it would disappear and reappear around 15-20 pixels lower. Here is my code for a simple audio player: HTML: Code: <div id="audioplayer">
<span class="eightonesmall" id="audiotext"> Background music control</span>
<audio controls="controls">
<source src="music/liangzhuhualuowuhui.ogg" type="audio/ogg" />
<source src="music/liangzhuhualuowuhui.mp3" type="audio/mp3" />
</audio>
</div>
CSS: Code: body {
margin: 0;
padding: 0;
width: 100%;
height: 100%;
overflow:hidden;
background-image:url(../pictures/drawings/backgrounds/menubackgroundbubbles.png);
background-position:center;
background-attachment:fixed;
}
#audiotext {
vertical-align:middle;
color:#CCCCCC;
}
#audioplayer {
position:fixed;
top:10px;
right:10px;
border:3px double #FFF;
height:30px;
}
The same problem occurs for an audio player that I've set to hidden, and will appear if I click an arrow and disappear if I click another arrow. It hides it and re-appears fine, just the player shifts down 15-20 pixels if I click play... HTML: Code: <div class="collapsearrow">
<img src="pictures/thumbnails/musicboxbuttons/collapsearrow.png" alt="collapsearrow"
onclick="document.getElementById('song1').style.visibility='visible';"/>Liangzhu
</div>
<div id="song1" style="visibility:hidden;">
<img src="pictures/thumbnails/musicboxbuttons/contractarrow.png" alt="contractarrow"
onclick="document.getElementById('song1').style.visibility='hidden';"/>
<audio id="musicboxplayer" controls="controls">
<source src="music/liangzhuhualuowuhui.ogg" type="audio/ogg" />
<source src="music/liangzhuhualuowuhui.mp3" type="audio/mp3" />
</audio>
</div>
CSS: Code: #musicboxplayer {
position:relative;
width:86px;
height:25px;
}
.collapsearrow {
float:left;
}
#song1,#song2,#song3,#song4 {
width:150px;
float:left;
}
Does anyone know what's causing this? Thanks. I'm having a really weird problem with a standard submit button I'm trying to create. When I preview the site (GoLive CS3) the button doesn't always 'click' or 'depress' down. I can't figure out what is causing this. Anyone here ever seen this happen? Hello there, I designed my site at www.officelive.com, and I'm having a heck of a time getting a "no right click" code installed. There's really no access to the site's HTML except for viewing the source code. Even when I simply copy the site's code and paste it back in an HTML module, it's all messed up. Can I have you take a look at a little sample site I did and see what you can do? Worse comes to worse, I can always put my site with a different host where I can use the no right click code. Please email me. L J |
|||||||