|
HTML - User Map On Site
Hey guys very new, have this cool idea for a site and would like to go with it.
How can I get a map like this sites. www.skatespots.net Where users can post on the map for others to see. Thank you Sorry if this isn't in the right place. Similar TutorialsOk, I set up this nice site of mine, and I have all my favorite games on it. It is a games site for my friends and I. (Blueoranges.co.cc if you wanted to know.) Because of the fact that I have made the site easily editable by adding all the game's sizing options to a CSS sheet, and made each set of 7 pages a carbon copy of one another, I was thinking, well if my friends want to add a game, how could I let them? My idea was to allow them to log in, enter the URL for a game, upload their own screenie, and the server would copy the existing code and set it all up for use. Well, I'm totally self taught at HTML. Although I could figure out the semantics and methods of doing things, I don't know how to make a user's input be stored on a server. To oversimplify it, like when a user posts a post on a forum, the server edits the web page and adds the content, then updates the web page... So... How do I get a user's input to be added to the code of a page? I know my post is confusing, but I'm confused myself. Oh well. how can i make the user add his own url to a table in the site? Hello, I am trying to create a page where the user can select four of their best skills and put in their past experience (in years) in previously defined boxes and have that automatically update the "results." But, i need the results to be filterable to match the top three skills exactly. So i put in skils A,B,C,D and i get results of jobs that "match" A,B,C. I have created a javascript for show/hide but i dont know how to add this updatable/filterable content. Here is a demo of my page Quote: <html> <head> <script type="text/javascript"> <!-- function experience(element_id) { var results = document.getElementById(element_id + "_Results"); var element = document.getElementById(element_id); results.value = element.value; } </script> <script> function showhide(id){ if (document.getElementById){ obj = document.getElementById(id); if (obj.style.display == "none"){ obj.style.display = ""; } else { obj.style.display = "none"; } } } </script> <title></title> </head> <body> <form name="compass"> <table border="1" width="100%"> <tr> <td colspan="2">Top Competencies</td> </tr> <tr> <td><select name="competencies"><option value="Setting Direction">Setting Direction</option><option value="Leadership Courage">Leadership Courage</option><option value="Creating the Environment">Creating the Environment</option><option value="Building and Maintaing Relationships">Building and Maintaining Relationships</option><option value="Developing for the Future">Developing for the Future</option><option value="Organizational Savvy">Organizational Savvy</option><option value="Achieving Measurable Results">Achieving Measurable Results</option> <option value="Customer Focus">Customer Focus</option> <option value="Ethics and Integrity">Ethics and Integrity</option> <option value="Composure">Composure</option> <option value="Personal Learning">Personal Learning</option> <option value="Dealing with Ambiguity">Dealing with Ambiguity</option> <option value="Decision-Making">Decision-Making</option> <option value="Interpersonal Savvy">Interpersonal Savvy</option> <option value="Results Oriented">Results Oriented</option> </select></td> <td><select name="competencies"><option value="Setting Direction">Setting Direction</option><option value="Leadership Courage">Leadership Courage</option><option value="Creating the Environment">Creating the Environment</option><option value="Building and Maintaing Relationships">Building and Maintaining Relationships</option><option value="Developing for the Future">Developing for the Future</option><option value="Organizational Savvy">Organizational Savvy</option><option value="Achieving Measurable Results">Achieving Measurable Results</option> <option value="Customer Focus">Customer Focus</option> <option value="Ethics and Integrity">Ethics and Integrity</option> <option value="Composure">Composure</option> <option value="Personal Learning">Personal Learning</option> <option value="Dealing with Ambiguity">Dealing with Ambiguity</option> <option value="Decision-Making">Decision-Making</option> <option value="Interpersonal Savvy">Interpersonal Savvy</option> <option value="Results Oriented">Results Oriented</option> </select></td> </tr> <tr> <td><select name="competencies"><option value="Setting Direction">Setting Direction</option><option value="Leadership Courage">Leadership Courage</option><option value="Creating the Environment">Creating the Environment</option><option value="Building and Maintaing Relationships">Building and Maintaining Relationships</option><option value="Developing for the Future">Developing for the Future</option><option value="Organizational Savvy">Organizational Savvy</option><option value="Achieving Measurable Results">Achieving Measurable Results</option> <option value="Customer Focus">Customer Focus</option> <option value="Ethics and Integrity">Ethics and Integrity</option> <option value="Composure">Composure</option> <option value="Personal Learning">Personal Learning</option> <option value="Dealing with Ambiguity">Dealing with Ambiguity</option> <option value="Decision-Making">Decision-Making</option> <option value="Interpersonal Savvy">Interpersonal Savvy</option> <option value="Results Oriented">Results Oriented</option> </select></td> <td><select name="competencies"><option value="Setting Direction">Setting Direction</option><option value="Leadership Courage">Leadership Courage</option><option value="Creating the Environment">Creating the Environment</option><option value="Building and Maintaing Relationships">Building and Maintaining Relationships</option><option value="Developing for the Future">Developing for the Future</option><option value="Organizational Savvy">Organizational Savvy</option><option value="Achieving Measurable Results">Achieving Measurable Results</option> <option value="Customer Focus">Customer Focus</option> <option value="Ethics and Integrity">Ethics and Integrity</option> <option value="Composure">Composure</option> <option value="Personal Learning">Personal Learning</option> <option value="Dealing with Ambiguity">Dealing with Ambiguity</option> <option value="Decision-Making">Decision-Making</option> <option value="Interpersonal Savvy">Interpersonal Savvy</option> <option value="Results Oriented">Results Oriented</option> </select></td> </tr> <tr> <td colspan="1"><input type="text" name="1" size="100%" value="Consulting to senior leadership" disabled></td> <td colspan="1"><input type="text" id="Requirements1" name="Requirements" onChange="experience('Requirements1')" value="Enter Years"></td> </tr> <tr> <td colspan="1"><input type="text" name="2" size="100%" value="Equal Employment Opportunity (EEO) and related human resource practices" disabled></td> <td colspan="1"><input type="text" id="Requirements2" name="Requirements" onChange="experience('Requirements2')" value="Enter Years"></td> </tr> <tr> <td colspan="1"><input type="text" name="3" size="100%" value="Recruiting with a large company" disabled></td> <td colspan="1"><input type="text" id="Requirements3" name="Requirements" onChange="experience('Requirements3')" value="Enter Years"></td> </tr> <tr> <td colspan="1"><input type="text" name="4" size="100%" value="Leadership and management" disabled></td> <td colspan="1"><input type="text" id="Requirements4" name="Requirements" onChange="experience('Requirements4')" value="Enter Years"></td> </tr> <tr> <td colspan="1"><input type="text" name="5" size="100%" value="Recruiting for diverse functional areas" disabled></td> <td colspan="1"><input type="text" id="Requirements5" name="Requirements" onChange="experience('Requirements5')" value="Enter Years"></td> </tr> <tr> <td colspan="4">Results</td> </tr> <tr> <td colspan="1"><div style="display:;" id="script"><input type="text" name="1" size="100%" value="Consulting to senior seadership" disabled></td> <td colspan="1"><input type="text" id="Requirements1_Results" name="Requirements1_Results" disabled></td> </tr> <tr> <td colspan="1"><div style="display:;" id="script2"><input type="text" name="2" size="100%" value="Equal Employment Opportunity (EEO) and related human resource practices" disabled></td> <td colspan="1"><input type="text" id="Requirements2_Results" name="Requirements2_Results" disabled></td> </tr> <tr> <td colspan="1"><input type="text" name="3" size="100%" value="Recruiting with a large company" disabled></td> <td colspan="1"><input type="text" id="Requirements3_Results" name="Requirements3_Results" disabled></td> </tr> <tr> <td colspan="1"><input type="text" name="4" size="100%" value="Leadership and management" disabled></td> <td colspan="1"><input type="text" id="Requirements4_Results" name="Requirements4_Results" disabled></td> </tr> <tr> <td colspan="1"><input type="text" name="5" size="100%" value="Recruiting for diverse functional areass" disabled></td> <td colspan="1"><input type="text" id="Requirements5_Results" name="Requirements5_Results" disabled></td></div> </tr> <p><a href="#" onclick="showhide('script'); return(false);">hide again</a></p> </table> </form> </body> </html> That is the page, i know it looks long and codey but its just because it has many examples. I really would appreciate any help! Thanks so much for all your past help guys/gals I am wondering if it is possible to create an INDEX.HTML to redirect to another website? I would like it to display the redirected site, but if possible keep to the original address.. e.g. A site named www.mysite.com, with an INDEX.HTML to redirect to www.othersite.com, which displays OTHERSITE with www.mysite.com in the address bar. Hope I explained ok, any responce would be much appricated! Thanks! This might have already been answered but I need html code for this. "User input field" redirects to www.website.com/"user input".aspx Simple I think but I am going crazy trying to get it to work. I would like it to open to the page not a frame. Thanks Pete Hello All- I'd like to add a user registration and login to my website. So that an individual may log in and be brought to a customized personal screen. Obviously this is some in-depth stuff but I'd like to know how to go about learning how to do such a thing. Any thoughts? thanks! i have a windows live website, its the free basic version, the purpose of the site is to display minutes from meetings and other general info, however i would like to make the info private and was wondering if it would be possible to do this with html/xhml, i have the form script to login from the homepage but am unsure how to procceed with creating the users id's and passwords any help for a novice would be appreciated regards and thanks john www.erctrw.com hello, I'm having a little trouble trying to find a solution, maybe I'm just searching the wrong key words as ive spent a hours trying to work this out, what I'm after is a way that once I have created a website, I can add some form of coding or software that allows the website owner/end user to change the content or add pictures easily with out the need to have any knowledge in HTML etc. I know this should be possible as many website company's offer this service and it's also used on the web site building software offered by most hosting providers. If someone could point me in the right direction or just what this type of service is called I would be very greatful. Many thanks Julian Hi, is possible to differentiate css code depending on the operating system of the customers ? for example fonts look different in Firefox using Windows and Firefox using Safari thanks I am working on a page at the moment and I am trying to figure out the best way to let the user know what page they are on. For example... if they click services... maybe the leftnav would go Bold or I could write services on the Top of the page? I was wondering if I could edit the CSS to automate this? I doubt you can do this but just in case here is my css Code:
body {
margin:10px;
background-color:#f0f0f0;
font-family:verdana,arial,helvetica,sans-serif;
font-size:18px;
}
#container {
width:776px;
margin:auto;
background-image:url(../images/container-white-bg.png);
box-shadow:#333 15px 15px 30px;
}
#banner {
display:block;
width:760px;
height:120px;
padding:8px 8px 0 8px;
background-color:#066;
}
#top-nav {
width:768px;
height:81px;
padding:8px 0 8px 8px;
margin:0;
list-style-type:none;
background-color:#066;
}
#top-nav li {
float:left;
margin-right:8px;
}
#top-nav a,#top-nav span {
position:relative;
display:block;
width:120px;
height:81px;
}
#top-nav span {
position:absolute;
top:0;
left:0;
background-image:url(../images/gallery-banner.png);
}
#mcad {background-position:-8px -8px;}
#nios {background-position:-134px -8px;}
#moad {background-position:-260px -8px;}
#scad {background-position:-386px -8px;}
#clou {background-position:-512px -8px;}
#what {background-position:-638px -8px;}
#nav {
float:left;
width:120px;
padding:0 8px;
margin:0;
list-style-type:none;
background-color:#066;
}
#nav li {
margin-bottom:2px;
}
#nav a {
display:block;
width:120px;
padding:30px 0;
font-family:arial,sans-serif;
font-size:90%;
font-weight:bold;
color:#033;
text-align:center;
background-color:#699;
}
#nav a:visited {
color:#000;
}
#nav a:hover {
color:#fff;
}
#content {
float:left;
width:610px;
padding:25px 15px 10px 15px;
}
#content p {
margin:0 0 10px;
font-size:90%;
color:#000;
}
#services {
font-size:110%;
color:#000;
}
.text-indent {
text-indent:20px;
}
.padding-bottom {
padding-bottom:16px;
}
#footer {
clear:both;
line-height:30px;
color:#000000;
text-align:center;
background-color:#066;
}
and here is an example page Contact us Code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <meta name="language" content="english"> <meta http-equiv="Content-Style-Type" content="text/css"> <title>MESH, Inc. - Contact us</title> <link rel="stylesheet" type="text/css" href="css/main.css"> </head> <body> <div id="container"> <img id="banner" src="images/topbanner.png" alt="top banner"> <ul id="top-nav"> <li><a href="mcad_project.html">mcad<span id="mcad"></span></a></li> <li><a href="niosh_project.html">niosh<span id="nios"></span></a></li> <li><a href="mcad_project.html">mcad<span id="moad"></span></a></li> <li><a href="mcad_project.html">mcad<span id="scad"></span></a></li> <li><a href="cloud_mapping.html">cloud<span id="clou"></span></a></li> <li><a href="#">what<span id="what"></span></a></li> </ul> <ul id="nav"> <li><a href="home.html">Home</a></li> <li><a href="products.html">Products</a></li> <li><a href="services.html">Engineering Services</a></li> <li><a href="projects.html">Projects</a></li> <li><a href="publications.html">Publications</a></li> <li><a href="contact_us.html">Contact Us</a></li> <li><a href="about_us.html">About Us</a></li> </ul> <div id="content"> <p>If you would like to get in touch with us about the services we can offer, please email us</p> <p> </p> <p>For general enquiry <a href="mailto:info@meshoxford.com">info@meshoxford.com</a></p> <p> </p> <p>For business development <a href="mailto:meshengineering@meshoxford.com">meshengineering@meshoxford.com</a></p> <p>or call us at 610-932-7754 </p> <p>MESH is located on 114 Barnsley Road, Oxford , PA 19363</p> <p> </p> </div><!-- end #content --> <div id="footer">Contact Us via phone 610-932-7754 or email <a href="mailto:info@meshoxford.com">info@meshoxford.com</a></div> </div><!-- end #container --> </body> </html> Thank you in advance M hi, i created a html form. Can i show watever data that key in by the user under the form? Following is my coding. <html> <head> <title>Websites</title> </head> <body bgcolor="#ffffff"> <h1>Goverment Websites</h1> <form action="form_action.asp" method="get"> Website address: http://<input type="text" name="website" size="60"/> destination:<input type="text" name="destination"size='30" <input type="submit" value="Submit" /> </html> Can you please guide me so that whatever data that key in by user will be shown under the same html pagr too.. thanks :-) Hello.... I have a problem today and I do not know how to over come this problem. If this is in the wrong place, please tell me and I will put it in the right place. Anyway. Today I am trying to make a webpage, where the user, the admin, is able to edit the page to input text. Almost like when you make a blog post and you have a text box and you type what you want and you click submit or post and it goes onto a page. Almost like wordpress. I want to make a custom page from the ground up where there are different divisions of the page and the admin can input or edit text/pictures at anytime. Thank you in advance. Hi, I'm new here and need a simple question answered: I have a store I am putting online, the store resides in a folder under the main folder so I need to have the index.htm in the main folder redirect the user to the index.htm in the store folder. I'm a bit rusty on my html skills, CRS is begining to raise it's ugly head, and can't for the life of me remember how to do it or find a reference to it. Hi, i'm an expereinced PC user, and am just getting into web design, thought you could help. I've got the basics of a website developed, i just need to get the difficult bits done now...just! I've split it up into two points... a) Basically I want users to add a page that I haven't got on my site, (for example, if my website was about bands, one could fill in a form with the title of the band and a few pieces of info. and then that information is taken and a page is created (the page has standard information the same as the rest of the pages, but the details the user entered are on the page)). b) Secondly I want to add to a page a text box one can type into, click submit (basically a review) and that typing be added to that page. I'm assuming some sort of database would be required, but im really not sure how to go about it. Any help would be great Many thanks Well first off I would like to say hello to the community here. I recently got an idea for a website. That with some time and hard work I think has the potential to turn over a decent profit. I just got the Domain name registered and Webhosting with www.fatcow.com I know just about nothing about html, xhtml , css all that stuff. I mostly used the computers to copy backup games for all my game systems. Then a collection of software. Then I run 5 computers on World Of Warcraft to bot characters. I've had to install 2 seperate comcast service plans and Verizon Fios to keep up with my computer demands. Also need the DSL to change ip's to AutoMouse free rapidshare points, Then accounts. So I do ok with computers, But this website stuff has my head spinning. I am intending to use Adobe Photoshop CS4 to Creat my template. Then going to try and use DreamWeaver CS4 to create the html ( if its called that..lol ) I've watched a ton of tutorials on the photoshop and finally got a basic template that I would like to go with. I am just paused at this time cause I was reading into the different screen resolutions. I created my template at 860 / 580 .. Also one at 955/600 I uploaded them both to my webhost background only, but they look so funny to me. Could someone help me to get the auto resolution going on this ? http://www.itemraffle.com is the site name. I you could view source and let me know what needs to be there. Its only like 6 lines long now. I also don't think I added the actual template I created in there the right way. I just saved the photoshop file as a jpeg then uploaded it the server and added a html image tag. Question 1 of I'm sure a million !! l I've been working on a way to see who's using my website and I've just created a way for other web developers to use it too. My tool shows you who's on your website in a single HTML tag. It's still under development, but I was wondering if some of the other members of this forum might want to check it out and then reply back with what they think of it. It's written in PHP and Javascript, and of course it's free to use. The project site is http://www.websiteusermaps.com/ so I hope some of you have a moment to check it out and report back to me on this message topic as to whether or not this looks like something you might be interested in using. Thanks everybody! Jon Hi, I know how to make a username and password input form, and the submit button that is not the problem. My problem is that I have designed a background in PS.http://photoupload.org/uploads/13269813681.jpg And before anyone *****es at my for putting 'Shrimps' yes I know it is wrong. But this is for a gaming team I am in, and none of them are English. And they think that Shrimps sounds and looks better than Shrimp even though Shrimp is the correct plural. Anyway Back to the matter at hand. If you look at the background I designed, in the top left it has two boxes which is where I want to put the user and pass forms. But I don't want the boxes that naturaly come with the forms. And for the life of my I can't figure it out, I don't know weather it is HTML, XML or CSS, any help on how to get rid of the boxes that come with that would be highly appreciated, Thanks //Dave All I need to be able to do is take the number that is typed in by the customer to be multiplied by say .682 and pre-populate the form on the next page! Should be simple (maybe?) but I'm stumped yet again! Please note: the code ALREADY pre-populates the form on the next page. I simply need to be able to multiply it by .682 HTML Code: Pay Your Bill Online <br> <form target="paypal" action="https://www.paypal.com/cgi-bin/webscr" method="post"> <input type="hidden" name="on0" value="Customer Number">Please Enter Your Customer Number: (Example: 99999999) <br><br> <input type="text" name="os0" /> <br><br> Enter Amount Due : (Example: nnn.nn) <br> <input type="text" name="amount" value=""> <br><br> <br><br> <input type="image" src="https://www.paypal.com//en_US/i/btn/x-click-but22.gif" border="0" name="submit" alt="Make payments with PayPal - it's fast, free and secure!"> <img alt="" border="0" src="https://www.paypal.com/en_US/i/scr/pixel.gif" width="1" height="1"> <input type="hidden" name="add" value="1"> <input type="hidden" name="cmd" value="_cart"> <input type="hidden" name="business" value="youremail@youremail.com"> <input type="hidden" name="item_name" value="Online Payment"> <input type="hidden" name="item_number" value="OLP-00001"> <input type="hidden" name="no_shipping" value="2"> <input type="hidden" name="shipping" value="0.00"> <input type="hidden" name="return" value="http://www.yourwebsite.com/successorder.html"> <input type="hidden" name="currency_code" value="USD"> <input type="hidden" name="lc" value="US"> <input type="hidden" name="bn" value="PP-ShopCartBF"> </form> Hopefully this is something relatively simple. I am trying to make a page that contains a table that users can log into and add rows of information to the table. 1)How would I go about creating an editable table. 2)How would I go about saving the updates to the webpage so their changes appear the next time they log in. I was thinking this might have something to do with some PHP coding to write the changes but not sure. Thanks for all your help |
|||||||