Jump to content

Search the Community

Showing results for tags 'button'.

More search options

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


  • W3Schools
    • General
    • Suggestions
    • Critiques
  • HTML Forums
    • CSS
  • Browser Scripting
    • JavaScript
    • VBScript
  • Server Scripting
    • Web Servers
    • Version Control
    • SQL
    • ASP
    • PHP
    • .NET
    • ColdFusion
    • Java/JSP/J2EE
    • CGI
  • XML Forums
    • XML
    • Schema
    • Web Services
  • Multimedia
    • Multimedia
    • FLASH

Find results in...

Find results that contain...

Date Created

  • Start


Last Updated

  • Start


Filter by number of...


  • Start





Website URL








Found 47 results

  1. Stripe has an easy pay with card button. I want to hack it so I can pass a custom amount to it. (It defaults to 20)The site currently under construction is http://pecosselfstorage.com/testpayments.htmlI need the customer to be able to put in however much they want to pay. Whether this is in the pop-up after they click the button, or on the page next to the button doesn't matter much. I'd prefer it to be in the pop-up however.Please don't just post links to Stripe's site, I've been through all of that and can't find any help there.Any thoughts are welcome. Thanks!
  2. On my website I am using the html 'button' tag but the button does not display when page is opened in Opera version 12.15. Works fine in chrome, firefox and IE. If you go to my cdn test site CDN comparison u see cloudflare, incapsula and page speed images. below the three cdn images there's a button which does not display. It's supposed to be right above the 'Test and monitor image load speed of the top three Free CDN Service providers' sentence. please help. <button id="button" onclick="changeLink()">Test Another Image</button>I have not added any style to this tag using CSS
  3. Hi, I have the following codes: HTML <body> <div id="main_body"><img name="elvislogo" src="elvislogo.gif" width="229" height="32" border="0" alt="Make Me Elvis"><p>Enter your first name, last name, and email to be added to the <strong>Make Me Elvis</strong> mailing list.</p> <form method="post" action="addemail.php" id="main_form"><div class="table_row"><p><label for="firstname">First name:</label></p><p><input type="text" id="firstname" name="firstname"></p></div> <div class="table_row"><p><label for="lastname">Last name:</label></p><p><input type="text" id="lastname" name="lastname"></p></div> <div class="table_row"><p><label for="email">Email:</label></p><p><input type="text" id="email" name="email"></p></div> <div class="table_row"><p></p><p><input type="submit" name="Submit" value="Submit"></p><p></p></div> </div> </form> </body> CSS #main_form { display : table;border-spacing : 5px;border : thin dashed grey;background-color : pink; } div.table_row { display : table-row; } div.table_row p { display : table-cell; }div.table_row p:first-child { text-align : right; } div#main_body { width : 400px; margin : auto; padding : 10px; } input, textarea { margin : 5px; } I want to make the submit button centered, but I don't know how to go about this - I'd make a table row and then place the button, but I don't know how to style the centering. Successfully solved solution would be appreciated. BTW, this code is from a book.
  4. Hi, Tumblr's current 'Share on Tumblr' button http://www.tumblr.com/buttons is made to share PAGES, not posts. I want visitors of my wordpress blog to be able to share pictures. Tumblr is, after all, a picture blog. A post to tumblr should therefor be a picture post, using a posts 'Feature image' as the picture. This post should include the source, title, click-through, and the text from within the post (the later will only be visible on tumblr if you choose to view the whole post). Anyone out there skilled enough to modify this? A friend of mine told me to put the ID Number from the object in html elements ID-field. But I have no idea what that means, or how to do it. Following is the code I use so far. It does what I want, but the click-through and title does not work. <!--Add this code to your page right before the </body> tag. -->(I've been putting this in the index.php after the </body> tag).<script src="http://platform.tumblr.com/v1/share.js"></script> <!-- Put this tag wherever you want your button to appear -->(I've been putting this inside the posts).<span id="tumblr_button_abc123"></span> <!-- Set these variables wherever convenient -->(I've been putting this inside the posts).<script type="text/javascript"> var tumblr_photo_source = "The 'Feature Image'"; var tumblr_photo_caption = "The post title"; var tumblr_photo_click_thru = "The post URL";</script> <!-- Put this code at the bottom of your page -->(I've been putting this inside the posts)<script type="text/javascript"> var tumblr_button = document.createElement("a"); tumblr_button.setAttribute("href", "http://www.tumblr.com/share/photo?source=" + encodeURIComponent(tumblr_photo_source) + "&caption=" + encodeURIComponent(tumblr_photo_caption) + "&clickthru=" + encodeURIComponent(tumblr_photo_click_thru)); tumblr_button.setAttribute("title", "Share on Tumblr"); tumblr_button.setAttribute("style", "display:inline-block; text-indent:-9999px; overflow:hidden; width:129px; height:20px; background:url('http://platform.tumblr.com/v1/share_3.png') top left no-repeat transparent;"); tumblr_button.innerHTML = "Share on Tumblr"; document.getElementById("tumblr_button_abc123").appendChild(tumblr_button);</script>
  5. dear sir i have one problemi designed one frame page which one side my predefined page frame other side online page like google.com suppose google have form with one input field & a button also where input text field named as "help".my predefined page have similar as google page it designed for copy the field to google field speedly on a clickmy page detail given belowframe name=f1form name=form1input text name= "txt"button name="submit" where google haveframe name=f2form name=ghghginput text name="goo" problem is i want to fill frame f1->input field to frame f2->goo.i am using this statement given below:- parent.f2.document.ghghg["goo"].value=parent.f1.document.form1["txt"].value it works offline means where my frame one page is loaded other frame page should there.please solve my problem
  6. There is some site. not mine. so i cant edit the source.i need a floating button. the button will be load next page.exmpl: localhost/dev/page.php?pid=1. the button will load localhost/dev/page.php?pid=2 and subsquently. and how i execute this script every that site loaded?how about using greasemonkey? thanks.----------btw, i dont know what is page.php?pid=_number or profile.php?uid=_number name. is this called function?
  7. Hello, I'm having trouble getting my back and next buttons in my lightbox to work! Any help will be greatly appreciated! http://imd.edumedia....term/index.html
  8. Hi. I created two buttons. Here is an excerpt from my HTML code: <body><h1 class="test">Welcome</h1><p class="test_p">Hei</p><p id="schmuck">Here are some pictures</p><p class="left" id="hide"> <img class="thumbnail" src="flower.jpg"><img class="thumbnail" src="flower7.jpg"><img class="thumbnail" src="flower1.jpg"><img class="thumbnail" src="flower2.jpg"><img class="thumbnail" src="flower3.jpg"><img class="thumbnail" src="flower4.jpg"><img class="thumbnail" src="flower5.jpg"><img class="thumbnail" src="flower6.jpg"></p><input type="button" value="Hide flowers"onclick="document.getElementById('hide').style.visibility='hidden'" /><input type="button" value="Show flowers"onclick="document.getElementById('hide').style.visibility='visible'"/><br><p class="padding">Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Now, as you probably see in attached printscreen, these buttons look like they are "stuck" to the top pictures. I would like to raise the buttons up some 5px, and maybe increase the distance between them as well. I tried to insert float="top" into <input> tag but it had no effect. (I guess this attempt was nonsense, but at least i tried to do something ) Also tried to find the answer in this Forum's archives, but did not find anything by typing in 'change position button' in search field. If somebody could guide me how change position of buttons, it would be greatly appreciated. Thank you
  9. I am working with this piece of code and it is not firing when I put it in the page I need which is static HTML. It does work if you create a plain HTML page, but it is not working on the page I need. <form name="CTTPDD" action="https://example.com" method="post" target="_blank"><input type="hidden" value="##.##" name="campaign" /><input name="repeat" type="hidden" value="1"><input type="image" src="image.gif" value="submit" name="submit" /></form> What could it be?Please can you help.
  10. Hi! Im trying to make a button update the backgroundcolor of a <div>, with the colorvalue of a text input field. It kindof works in FF when i press F5 but not w the button, and IE and Chrome wont work.I think i need to get the button to refresh, but i dont know how to... my code is var button = document.getElementById("bCol");var inputten = document.getElementById("iCol").value;var diven = document.getElementById("diven"); if(button.addEventListener){button.addEventListener("click", ImgPicker.changeCol(inputten), false);} else{button.attachEvent("onclick", ImgPicker.changeCol(inputten));} and in ImgPicker, this one will search through the CSSfile for my diven-class changeCol: function(color){for(var i = 0; i < document.styleSheets.length; i++){for(var x = 0; x < document.styleSheets[i].cssRules.length; x++){if(document.styleSheets[i].cssRules[x].selectorText == ".diven"){document.styleSheets[i].cssRules[x].style.cssText = "background-color: " + color;refresh;}}}} Please, help?
  11. kpiatak

    button help

    I have one button, and I need it to perform 2 actions, how would I go about doing this?http://webapps.easy2.com/ce/ext1104/messages/iris_messages.htmlI need to have the bus slide in, then have the phone message appear.I am more of a visual learner, so to have an example would most definitely help.
  12. I am working on a project, and i need the new phone image to show up after the bus slides in... http://webapps.easy2.com/ce/ext1104/messages/iris_messages.html
  13. I'd like to hide the corresponding button when an input value is empty or has a value="n/a". In the following example, the input box "first_field" is corresponding with the button "first_button", and the input box "second_field" with the button "second_button", and so on... In this case the second and fifth button will be hidden: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>Hide Button When Input Value Is Empty</title></head><body> <div> <form action=""> <fieldset> <input type="text" id="first_field" value="1"/> <input type="text" id="second_field" value=""/> <input type="text" id="third_field" value="3"/> <input type="text" id="fourth_field" value="4"/> <input type="text" id="fifth_field" value="n/a"/> <input type="text" id="sixth_field" value="5"/> </fieldset> </form> </div> <div> <form action=""> <fieldset> <div id="first_button"><input type="button" value="First Button"/></div> <div id="second_button"><input type="button" value="Second Button"/></div> <div id="third_button"><input type="button" value="Third Button"/></div> <div id="fourth_button"><input type="button" value="Fourth Button"/></div> <div id="fifth_button"><input type="button" value="Fifth Button"/></div> <div id="sixth_button"><input type="button" value="Sixth Button"/></div> </fieldset> </form> </div></body></html> Anyone know a Javascript that can do this?
  14. trieu

    Edit audio tag

    Hi guys!I've searched the net for a bit now and i tried to search the forum here but to no luck, anyway i was just wondering if you were able to help me out with an audio tag.I want to add an audio tag, which is easy enough but i want it to... automatically play and loop, but... i only want the buttons to be mute and unmute or play and unplay, i don't mind if there is two buttons but it would be cool if it was one i have found 1 or 2 examples where they turn it into text buttons (but the HTML doesn't work for it) but i was wondering if you were also able to edit it so it was an image? Thanks
  15. Hi, i have a button1 that when pressed changes to button2. When button2 is pressed it should change back to button1. You could say that one should be able to "toogle" between the buttons when clicking.The problem is: When button2 is pressed nothing happens, until you hover in and out of the td.It works aswell if i put an echo above remove line... so wierd...Any ideas?jfiddle link test2.html
  16. I'm working on a site and i want to use icons to select travel modes,i have an working function but it only works with a selection input.Is there a way to modify it to be used with buttons? Thanks in advance! Function: function calcRoute() { var selectedMode = document.getElementById("mode").value; var request = { origin: thuis, destination: kabk, // Note that Javascript allows us to access the constant // using square brackets and a string value as its // "property." travelMode: google.maps.TravelMode[selectedMode] }; directionsService.route(request, function(response, status) { if (status == google.maps.DirectionsStatus.OK) { directionsDisplay.setDirections(response); } }); HTML - Select input <select id="mode" onchange="calcRoute();"> <option value="DRIVING">Driving</option> <option value="WALKING">Walking</option></select> HTML - Button input (?) <form id="mode"> <input type="button" onchange="calcRoute();" value="DRIVING"> <input type="button" onchange="calcRoute();" value="WALKING"></form>
  17. Hey there. I've been reading up on this in the various tutorials, but I don't really know if I'm going about it the right way, so I guess I'm going to be asking yet another question... I made some playback buttons for my site's slideshow (which Don E. was kind enough to make, seen here: http://w3schools.inv...=0), and I would like to add a hover effect to them. I have another set of button-images to be used for the hover effect, so that the buttons would go from red (normal) to green (moused-over). The jQuery "mouseenter" function seems like it would do what I'm looking for, I just don't really know how to deal with images. This is the section of javascript that operates the buttons: function slide(){imgSlide.src = images[pic].src;if(pic < 1) // images.length - 1 can be used here{pic++;}else{pic = 0 }timer = setTimeout(slide, 5000);} function prev(){if(timer)stopSlide(); if(pic == 0){ pic = 1; imgSlide.src = images[pic].src;}else{pic--;imgSlide.src = images[pic].src;}} function next(){if(timer)stopSlide(); if(pic == 1){ pic = 0;imgSlide.src = images[pic].src;}else{pic++;imgSlide.src = images[pic].src;} } function stopSlide(){clearTimeout(timer);} The buttons themselves in the <body> tag (I shortened the URLs so that my site's name wouldn't show): <a href="JavaScript:stopSlide()" title="Stop"><img src="stop.png"></a> <a href="JavaScript:prev()" title="Previous"><img src="back.png"></a> <a href="JavaScript:slide()" title="Start"><img src="play.png"></a> <a href="JavaScript:next()" title="Next"><img src="next.png"></a> If anyone could point me in the right direction of how to do this, I'd really appreciate it.
  18. Hello I hope someone can help me. I have an internal website that hosts a support schedule. In short, people submit details via a form and it dumps it into an ODBC linked MS Access database. I also have a PHP page that retrieves all the tables from the database. I have a basic iframe calling it up as follows: <iframe name="display" width="100%" height="80%" frameborder="0" marginwidth="0" marginheight="0" src="dbDisplay.php?month=all"></iframe> If I create this <a href="dbDisplay.php?month=All" target="display">All</a><a href="dbDisplay.php?month=Jan" target="display">Jan</a><a href="dbDisplay.php?month=Feb" target="display">Feb</a> This creates clickable links on the page that work in affecting the PHP-calling iframe. In the PHP I can use the $_GET['month'] to call up the item I have clicked on. How do I get the links to be buttons? I have tried the following: <button href="dbDisplay.php?month=Feb" target="display">Feb</button> and If I change the iframe name to an id and try this <iframe id="display" width="100%" height="80%" frameborder="0" marginwidth="0" marginheight="0" src="dbDisplay.php?month=all"></iframe> <button onclick="display.src=dbDisplay.php?month=Feb">Feb</button> I have also tried a form <form><input type="button" value="Feb" onclick="display.src=dbDisplay.php?month=Feb"><form> However, nothing has worked yet. Any ideas?
  19. Good day, I am quite new to web design with only 3 weeks experience and I ran into a problem that totally elude me. I am currently working on my website and I am stuck with my "Send" button. I can't apply the style from my CSS to my php button, it is supposed to be on the right side and look like the clear button, instead I get a plain rectangle box on the left side. [/left] The first part of the following code is to make a clear button. Here is the html part of the code:[/left] [/size][/color][/font][/left]<div class="alignright"><a href="#" class="link4" onClick="document.getElementById('contacts-form').reset()"><span><span>Effacer</span></span></a><span><span><input type="submit" class="link2" value="Envoyer" id="submit-button"/></span></span>[font="Arial, Helvetica, sans-serif"][color="#555555"][size=3] And here is the CSS code for both buttons, one in HTML and the other in php: [/size][/font][/color][/left][/size][/font][/color][/left].link2 {display:inline-block;color:#fff;font-size:15px;line-height:1.2em;text-decoration:none;background:url(http://gatesinnovation.com/GATES/Images/link2-bgd.gif) left top repeat-x;letter-spacing:-1px;text-transform:uppercase}.link2:hover {color:#336633}.link2 span {display:block;background:url(http://gatesinnovation.com/GATES/Images/link2-left.gif) no-repeat left top}.link2 span span {background:url(http://gatesinnovation.com/GATES/Images/link2-right.gif) no-repeat right top;padding:10px 22px}] .link4 {display:inline-block;color:#fff;font-size:15px;line-height:1.2em;text-decoration:none;background:url(http://gatesinnovation.com/GATES/Images/link4-bgd.gif) left top repeat-x;letter-spacing:-1px;text-transform:uppercase}.link4:hover {color:#336633}.link4 span {display:block;background:url(http://gatesinnovation.com/GATES/Images/link4-left.gif) no-repeat left top}.link4 span span {background:url(http://gatesinnovation.com/GATES/Images/link4-right.gif) no-repeat right top;padding:10px 22px} I am pretty sure that what is causing it is the missing in the php part, but I am unsure how to insert it in this code.If you need more info to be able to solve this I will gladly provide you with the information you request,here is the website dev link to see it in context: Contact pageThank you for your time.[/left]
  20. I have many buttons (not radio or checkbox but just simple buttons) on my page where the values were populated by an "onclick" command. How do I get PHP to process all that data and list it out.
  21. I am new to web programming and I think I am missing a simple concept that is keeping me from going forward. I have a hosting account with Go Daddy and I want to send a bunch of data to my server or to an e-mail address. I have a bunch of buttons with values populated from an "onclick" command and I want all that button data to be sent somewhere. This is where I cannot figure out how to proceed. Please help.
  22. I am an experienced programmer but new to web apps including Javascript. An instructor gave our class the code needed to create rollover button effects: In the PAGE HEADER: <head> | | <!-- Following script required for Navigation Bar --> <script type="text/javascript"> <!-- navImage0 = newImage(); navImage1 = newImage(); navImage2 = newImage(); navImage3 = newImage(); navImage4 = newImage(); navImage5 = newImage(); navImage6 = newImage(); //--> </script> | |</head> On the IMAGE/LINK: <body> | | <a href="../services.shtml" title="Go to: Services at Specific Computer Systems" onmouseover="navImage1.src='../img/buttonServicesOver.png';" onmouseout="navImage1.src='../img/buttonServicesNormal.png';" onclick="navImage1.src='../img/buttonServicesDown.png';" onmousedown="navImage1.src='../img/buttonServicesDown.png';" onmouseup="navImage1.src='../img/buttonServicesOver.png';" > <img id="navImage1" src="../img/buttonServicesNormal.png" alt="Button: Go to Services Page"> </img> </a> | |</body> That is ALL of it! This Code Works but I don’t understand why. This became an issue because this code causes an “Object expected” error at the first character of “navImage0 = …” in the header. This error does NOT appear to have any affect on the function of the page including the rollovers. This error appears to occurs only in IE. In trying to diagnose this error I discovered several different (but similar) methods for implementing rollovers. I understand them fine, but they exposed just how much seams to be missing from the solution demonstrated by our instructor. The function “newImage” is NOT defined in any place that I can find. Please can someone tell me why/how does this simple solution work? ThanksRoss
  • Create New...