HTML - Help With Integrating Images And Forms
Hi guys I've created a design for a website and I want to make several images become text forms when clicked on.
Here's what the form images look like: I need them to be like the images on the tumblr home page that when you click on the image, the text disappears and allows you to type. Thanks for any help. Similar TutorialsHello, I have ClientExec, and I want to integrate it with my website. The signup files are a header.tpl and footer.tpl, and I am trying to integrate it with a HTML (tableless) webpage. If anyone thinks they could help me, please PM me for the files, and maybe they can point me in the right direction. I don't want to post the code publicly, because my design is unique, and I don't want to break the TOS of ClientExec. (Note: I don't wnat someone to do this for me. I just need someone to point me in the right direction) Cheers, Peter Hello I have a site I am rebuilding and I want to incorporate a the most recent posts from a Blogger blog into the site, so that it looks like the attached. The formatting does not have to be exactly like that but it is in essence what the client creating the look and feel wanted. Any ideas on how this can be done would be greatly appreciated. Hello I have a site I am rebuilding and I want to incorporate a the most recent posts from a Blogger blog into the site, so that it looks like the attached. The formatting does not have to be exactly like that but it is in essence what the client creating the look and feel wanted. Any ideas on how this can be done would be greatly appreciated. Basically I want to know how do I integrate code from one website to my website. I basically want to show info from yelp.com and put some comments onto my site for a business and I want it so when someone adds a comment to yelp my site updates with it, so i dont have to go copy/paste the comment. Is this possible without using a iframe and if so, how? Want the comments from this url: http://www.yelp.com/biz/burger-delux-northville added to this site on its own page: http://burgerdeluxellc.com/ hi guys im not very good in html. anyway, as much as i look into my google map code, the more i dont get how to integrate OSM in it. could anyone lead me in right direction where to put var mapnik and var osmarend. here is my gmap.html file: this is the map with autolocator i appreciate any help or hint Quote: ------------------------------ markersArray_{$v.caption} = []; // get address value address = ''; address_html = ''; var loc = "{$v.extensions}"; {literal} if(loc) { var location_fields = loc.split(","); for(i=0; i<location_fields.length; i++) { var f = location_fields[i]; if(!f) continue; var t = document.getElementById(f).type; if(t=="text" || t=="textarea") var l = document.getElementById(f).value; else { var selected_index = document.getElementById(f).selectedIndex; var l = document.getElementById(f).options[selected_index].value; } if(!l) continue; if(address!='') { address = address + ', '; address_html = address_html + '<br/>'; } address = address + l; address_html = address_html + "<b>" + l + "</b>"; } } // end if loc {/literal} old=new Array(); {if $tmp[$v.caption]}old = splitMapsCoord('{$tmp[$v.caption]}');{/if} {literal} if (old.length>0) { {/literal} var lat = parseFloat(old[0]); var long = parseFloat(old[1]); var h = parseInt(old[2]); {literal} } else { {/literal} var lat = {$settings.google_maps_default_lat}; var long = {$settings.google_maps_default_long}; var h = {$settings.google_maps_default_height}; {literal} } var p = new google.maps.LatLng( lat,long ); var myOptions = { zoom: h, center: p, panControl: true, zoomControl: true, scaleControl: true, mapTypeControl: true, mapTypeId: google.maps.MapTypeId.ROADMAP }; {/literal} map_{$v.caption} = new google.maps.Map(document.getElementById("gm_{$v.caption}"), myOptions); {if $tmp[$v.caption]} {literal} var marker = new google.maps.Marker({ position: p, map: {/literal}map_{$v.caption}{literal} }); {/literal} markersArray_{$v.caption}.push(marker); {literal} if(address_html) { var infowindow = new google.maps.InfoWindow({ content: address_html }); infowindow.open({/literal}map_{$v.caption}{literal}, marker); } {/literal} {/if} // get click coordinates google.maps.event.addListener(map_{$v.caption}, 'click', function(event) {literal} { if (event.latLng) { {/literal} map_{$v.caption}.panTo(event.latLng); if (markersArray_{$v.caption}) {literal} { for (i in markersArray_{/literal}{$v.caption}{literal}) { markersArray_{/literal}{$v.caption}{literal}[i].setMap(null); } markersArray_{/literal}{$v.caption}{literal}.length = 0; } marker = new google.maps.Marker({ position: event.latLng, map: {/literal}map_{$v.caption}{literal} }); {/literal} markersArray_{$v.caption}.push(marker); {literal} if(address_html) { var infowindow = new google.maps.InfoWindow({ content: address_html }); infowindow.open({/literal}map_{$v.caption}{literal}, marker); } var lat = event.latLng.lat(); var long = event.latLng.lng(); {/literal} var h = map_{$v.caption}.getZoom(); if(IsNumeric(lat) && IsNumeric(long) && IsNumeric(h)) document.getElementById("{$v.caption}").value=lat+","+long+","+h; {literal} } }); google.maps.event.addListener({/literal}map_{$v.caption}, 'zoomend', function(oldLevel, newLevel){literal}{ {/literal} var old_val = document.getElementById("{$v.caption}").value; {literal} if(old_val) { {/literal} var arr = old_val.split(","); document.getElementById("{$v.caption}").value=arr[0]+","+arr[1]+","+newLevel; {literal} } {literal} }); {/literal} ------------------------------ I was given this code to replace my "table" in my Contact Form: Code: <fieldset class="info"> <label for="info_name"><span>*</span>Your Name</label> <input type="text" name="name" id="info_name" maxlength="50" /> <br /> <label for="info_email"><span>*</span>Email Address</label> <input type="text" name="email" id="info_email" maxlength="40" /> <br /> <label for="info_subject">Subject:</label> <input type="text" name="subject" id="info_subject" maxlength="40" /> <br /> <label for="info_comments">Comments:</label> <textarea name="comments" id="info_comments"></textarea> </fieldset> <fieldset class="captcha"> <label for="captcha_text"><span>*</span>Enter Image Code:</label> <input type="text" value="" name="captext" id="captcha_text" maxlength="6" /> <a href="#" onclick="refresh_security_image(); return false;">Refresh Image</a> <img src="includes/captcha.php" id="verificiation_image" /> </fieldset> <fieldset class="submitsAndHiddens"> <input type="submit" value="Submit" /> </fieldset> I just don't know how to integrate it with this existing page code: Code: <body> <!--<div style="height: 80px; background-color: #336699;"> <span class="page_title"><span class="form_title">Contact Us</span></span> </div>--> <br /> <table cellpadding="0" cellspacing="0" align="center" width="600"> <tr> <td> <font face="verdana"><font size="2"><font color=#800000;">[var.result]</font></font><font color="red"><strong>[var.error]</strong></font><br> <hr size="1" /> <br /> <form action="/page.php?page=10" method="post" name="contact_us" onSubmit="return capCheck(this);"> <table cellpadding="5" width="100%"> <tr> <td width="10" class="required_field">*</td> <td width="80">Your Name</td> <td> <input type="text" name="name" maxlength="50" style="width:300px" /></td> </tr> <tr> <td class="required_field">*</td> <td>Email Address</td> <td> <input type="text" name="email" maxlength="40" style="width:300px" /></td> </tr> <tr> <td></td> <td>Subject:</td> <td> <input type="text" name="subject" maxlength="40" style="width:300px" /></td> </tr> <tr> <td></td> <td>Comments:</td> <td> <textarea name="comments" style="width: 100%; height: 250px"></textarea></td> </tr> <tr> <td class="required_field">*</td> <td>Enter Image Code:</td> <td> <input type="text" value="" name="captext" style="width: 100px" maxlength="6" /></td> </tr> <tr> <td></td> <td><a onclick="refresh_security_image(); return false;" style="cursor:pointer;"><u>Refresh Image</u></a></td> <td> <img src="includes/captcha.php" border="0" id="verificiation_image" /></a></td> </tr> </table> <br/> <br/> <p> <input type="hidden" name="submited" value="1" /> <input type="submit" name="submit" value="Submit" /> </p> </form> </td> </tr> </table> <script type="text/javascript"> <!-- function refresh_security_image() { var new_url = new String("[var.base_url]/includes/captcha.php?width=132&height=36&charcators="); new_url = new_url.substr(0, new_url.indexOf("width=") + 37); // we need a random new url so this refreshes var chr_str = "123456789"; for(var i=0; i < 6; i++) new_url = new_url + chr_str.substr(Math.floor(Math.random() * 2), 1); document.getElementById("verificiation_image").src = new_url; } --> </script> <!-- captch start --> <script type="text/javascript" id="clientEventHandlersJS" language="javascript"> <!-- function capCheck(theForm) { var xmlhttp; var sReply; DataToSend = "action=process&captext=" + escape(theForm.captext.value); if (window.XMLHttpRequest) { xmlhttp=new XMLHttpRequest(); xmlhttp.open("POST",'includes/process.php',false); xmlhttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded"); xmlhttp.send(DataToSend); sReply = xmlhttp.responseText; } else if (window.ActiveXObject) { xmlhttp = new ActiveXObject("Microsoft.XMLHTTP"); xmlhttp.open("POST",'includes/process.php',false); xmlhttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded"); xmlhttp.send(DataToSend); sReply = xmlhttp.responseText; } if (sReply == "good") { return true; } else if (sReply == "bad") { alert("Security code not valid, please try again"); return false; } else if (sReply == "") { alert("You must enter the security code"); return false; } else { alert("Error"); return false; } } --> </script> <!-- captch end --> </body> Can you help me? Thanks Hi, I am working on integrating a flash presentation in HTML (basically a php website) The flash movie is about power point presentations - I was able to convert them to .swf files. I need to display them in the php based website. I was able to integrate the .swf file in the website. Now, I need to make it "dynamic" - what I mean by this is, I will be having the flash movie of different ppt slides running in a server in a loop. Whenever someone accesses the website, the "slide" that is currently being shown in the player has to be displayed in the webpage instead of starting from the beginning. I am a novice as far as webdesign is concerned. I would like to know about any tutorials/books that can provide me with information on this. Also, any specific area of HTML that might help me in this project. Thanks in advance ! Hi I am new to this site, I am having problem in my non blog site. I was trying to integrate wordpress blog in my non blog site. I am nearly done only few issues. Here is the site http://www.zipanatomy.com/blog/ 1. the post titles are coming some other way, without linking and some coding. 2. down to the footer, I have called a footer.php file which is from the non blog site and is in the root directory, the problem here is, they are linking to the wordpress log folder. 3. And one more issue is when I click the categories and do any search from the sidebar, that are opening on the extreme right of the page instead of in center. please, advices from the pros where I am getting wrong. thanks in advance, chander Can somebody suggest a site where a can download an easy script to make my form work so that I can get it to my email? Thanks Hi there - I tried searching for the answer to thsi question all over the web and have been unable to find the answer so I hope that someone here can help me. I have made a simple form that emails the results to me. However, once submitted the page stays stagnant. It doesnt go anywhere. Once submitted, I would like it to go to another page - like a thank you page. Here is the page: http://www.lillypad.net/content/article.html/1298177 Here is the code I am using: <form action="MAILTO:charbennett@gmail.com" method="post" enctype="text/plain"> <h3>Home Auctions Information. Please fill out the form below and it will be emailed to an agent. You will be contacted within 24 hours </h3> <br> First name: <input type="text" name="firstname" size="40"> <br> Last name: <input type="text" name="lastname" size="40"> <br> Address 1: <input type="text" name="address1" size="40"> <br> Address 2: <input type="text" name="address2" size="40"> <br> City: <input type="text" name="city"> <br> State: State: <select name="state"> <option value="AL">ALABAMA</option> <option value="AK">ALASKA</option> <option value="AZ">ARIZONA</option> <option value="AR">ARKANSAS</option> <option value="CA">CALIFORNIA</option> <option value="CO">COLORADO</option> <option value="CT">CONNECTICUT</option> <option value="DE">DELEWARE</option> <option value="DC">DISTRICT OF COLUMBIA</option> <option value="FL">FLORIDA</option> <option value="GA">GEORGIA</option> <option value="HI">HAWAII</option> <option value="ID">IDAHO</option> <option value="IL">ILLINOIS</option> <option value="IN">INDIANA</option> <option value="IA">IOWA</option> <option value="KS">KANSAS</option> <option value="KY">KENTUCKY</option> <option value="LA">LOUISIANA</option> <option value="ME">MAINE</option> <option value="MD">MARYLAND</option> <option value="MA">MASSACHUSETTS</option> <option value="MI">MICHIGAN</option> <option value="MN">MINNESOTA</option> <option value="MS">MISSISSIPPI</option> <option value="MO">MISSOURI</option> <option value="MT">MONTANA</option> <option value="NE">NEBRASKA</option> <option value="NV">NEVADA</option> <option value="NH">NEW HAMPSHIRE</option> <option value="NJ">NEW JERSEY</option> <option value="NM">NEW MEXICO</option> <option value="NY">NEW YORK</option> <option value="NC">NORTH CAROLINA</option> <option value="ND">NORTH DAKOTA</option> <option value="OH">OHIO</option> <option value="OK">OKLAHOMA</option> <option value="OR">OREGON</option> <option value="PA">PENNSYLVANIA</option> <option value="RI">RHODE ISLAND</option> <option value="SC">SOUTH CAROLINA</option> <option value="SD">SOUTH DAKOTA</option> <option value="TN">TENNESSEE</option> <option value="TX">TEXAS</option> <option value="UT">UTAH</option> <option value="VT">VERMONT</option> <option value="VA">VIRGINIA</option> <option value="WA">WASHINGTON</option> <option value="WV">WEST VIRGINIA</option> <option value="WI">WISCONSIN</option> <option value="WY">WYOMING</option> </select> <br> Phone 1: <input type="text" name="Phone1"> <br> Phone 2: <input type="text" name="Phone2"> <br> <center> Tell us a little about the home you are selling </center> <br> For Sale Address 1: <input type="text" name="forsaleaddress1" size="40"> <br> For Sale Address 2: <input type="text" name="forsaleaddress2" size="40"> <br> City: <input type="text" name="city"> <br> State: <select name="state"> <option value="AL">ALABAMA</option> <option value="AK">ALASKA</option> <option value="AZ">ARIZONA</option> <option value="AR">ARKANSAS</option> <option value="CA">CALIFORNIA</option> <option value="CO">COLORADO</option> <option value="CT">CONNECTICUT</option> <option value="DE">DELEWARE</option> <option value="DC">DISTRICT OF COLUMBIA</option> <option value="FL">FLORIDA</option> <option value="GA">GEORGIA</option> <option value="HI">HAWAII</option> <option value="ID">IDAHO</option> <option value="IL">ILLINOIS</option> <option value="IN">INDIANA</option> <option value="IA">IOWA</option> <option value="KS">KANSAS</option> <option value="KY">KENTUCKY</option> <option value="LA">LOUISIANA</option> <option value="ME">MAINE</option> <option value="MD">MARYLAND</option> <option value="MA">MASSACHUSETTS</option> <option value="MI">MICHIGAN</option> <option value="MN">MINNESOTA</option> <option value="MS">MISSISSIPPI</option> <option value="MO">MISSOURI</option> <option value="MT">MONTANA</option> <option value="NE">NEBRASKA</option> <option value="NV">NEVADA</option> <option value="NH">NEW HAMPSHIRE</option> <option value="NJ">NEW JERSEY</option> <option value="NM">NEW MEXICO</option> <option value="NY">NEW YORK</option> <option value="NC">NORTH CAROLINA</option> <option value="ND">NORTH DAKOTA</option> <option value="OH">OHIO</option> <option value="OK">OKLAHOMA</option> <option value="OR">OREGON</option> <option value="PA">PENNSYLVANIA</option> <option value="RI">RHODE ISLAND</option> <option value="SC">SOUTH CAROLINA</option> <option value="SD">SOUTH DAKOTA</option> <option value="TN">TENNESSEE</option> <option value="TX">TEXAS</option> <option value="UT">UTAH</option> <option value="VT">VERMONT</option> <option value="VA">VIRGINIA</option> <option value="WA">WASHINGTON</option> <option value="WV">WEST VIRGINIA</option> <option value="WI">WISCONSIN</option> <option value="WY">WYOMING</option> </select> <br> Asking Price: <input type="text" name="askingprice"> <br> Number of Bedrooms: <select name="numberofbedrooms"> <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> <option value="6+">6+</option> </select> <br> Number of Full Baths: <select name="numberoffullbaths"> <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> <option value="6+">6+</option> </select> <br> Number of Half Baths: <select name="numberofhalfbaths"> <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> <option value="6+">6+</option> </select> <br> Approximate Square Footage: <input type="text" name="squarefootage" size="5"> <br> Acreage: <input type="text" name="acreage"> <br> Additional Comments about Home:<br> <Input type="text" name="comments" size="40"> <br>Please add additional information you want us to know about your home here - limit 500 characters. <br><br> <input type="submit" value="Send"> <input type="reset" value="Reset"> </form> Here is the link I would like it to go to after they submit the form: http://lillypad.net/content/featured...uredproperty=1 Thank you for any help you can give! Sincerely, Char please help i am new to html and i am trying to add an optin form to my site that is linked to my e-mail can anyone help also the email address that the info needs to be sent to is glenwalker@grabtwitter.co.uk I need help writing a form...i know how to do everything but have it sent to my email address. Can somebody give me or help me write a CGI program that will send it to my email address. Thank you very much Hello and thank you for having such a good resource for html online. I am trying to accomplish something and am not sure how to go about doing it. What I need to do is have a box that has multiple check boxes with I guess you can call them responses next to them. When the boxes are checked, I would like to be able to have a next button, that would bring me to another set of check boxes and of course answers. At the end of all of this, I would like to have whatever was checked put into a box at the end, that could be copy and pasted into another document. I am basically trying to make a function at my job easier. I have seen it done before, but am not sure what it would be called. I have dabbled a bit with html and for the life of me cannot figure it out. Not looking for someone to do this for me or even walk me through it, but just a point in the right direction. Thanks in advance. Hey I'm new to these forums and fairly new to html. I have a question about forms that everybody here probably be knows, but I'm new, so... here it goes. 1. How do I make a submit button that will submit the data entered in the forms before the submit button and send it to me? If I'm not clear enough just ask and I'll try to re-explain myself. Hi, I currently have an area on my site where people can change the look using CSS in a text area. I now want to do it so i use a dropdown box and when someone selects a style they like it calls a CSS theme and puts it into the head of the page. Is this possible (sorry if i have it in the wrong section!) Joe I have almost no knowledge of forms at all, and I need help... I need a form that makes one line with a button and a text box, the button should say "URL" and the text box should show the URL of a site. When you click the button it should highlight the URL in the text box. On the next line, another button that says "Image", and the text box has the URL of an image I have posted in my blog. Same here, when button gets clicked, it hightlights the URL in the text box. Simple? Hard? Can someone help a newbie? Here's an example of what I need: www.mycute.com Thanks! Helena I need help with a form that allows the user to enter and submit the information, and then that information that they enter is automatically dislplayed below on the same page, after they hit the submit button. Here is the code I have. Here is the html code (comment.html) <html> <body> <form action="post.php" method="post"> First Name: <input type ="text" name="firstname"/>   Last Name: <input type ="text" name="lastname"/> <br/> <br/><dd/> Comments orSuggestions: <br/><dd/> <textarea name="comment" rows="10" cols="50"></textarea> </textarea> </form> </body> </html> Here is the php code (post.php) <?php $firstname=$_GET['firstname']; $lastname=$_GET['lastname']; $comment=$_GET['comment']; echo $firstname; echo "&4nbsp; $lastname"; echo ":"; echo " $comment"; ?> I do not want the the info when submitted to be displayed on the php page, I want it displayed on the html page where it was submitted, I was told I needed a php page to do that, but I cannot get it to work. I have a question about forms. What I want to do is make it so that when somebody types something into a text feild and presses 'sumbit', whatever they typed in will appear in a specific place on the page. What I mean is that if somebody typed in their name, it would go to a page that says Hello, (Whatever was just typed). I've been looking everywhere for a code for this but I've come up with nothing. Can somebody help? Hi can anyone help me I set up a website for a friend and added a form so clients could fill it in and make appointments. For some reason it doesn't seem to work properly. It works from my partners laptop and the main pc but on my laptop nothing happens , after clicking submit the form does not send . I have tried sending it with outlook express open and it still does jot work from laptop The html code is spot on and correct Anyone got any ideas |