|
HTML - User Editable Site
Ok, 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. Similar TutorialsI am a website designer . don't know much about the programing. anyone can guide me. I can connect any admin in my simple html website. i want to add/edit image/content. if possible than please tell me how can i do this. Thanks Neeraj Sharma neeraj10786@rediff.com 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. 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 Hi Guys i have made a Html Template to be able to edit the whole site from one template, i have added multiple editable regions so that the user can change the bits of the website they want to i have a problem though, i have created the site in a table and i want to be able to change the background of one of the cells on every page but i have no idea on how to make this cell editable, the problem i have is when i go to make a new page i click on modify in the menu bar then select templates then apply template, i apply the template i have made but i cannot change that cells background the code wont allow it, is there any way i can do this, i would much appreciate your help if any 1 can help me. Luke hey guys, i'm not sure if this should go in serverside or HTML or javascript, but is there a way to do an editable dropdown without using ASP? can't seem to find it anywhere except all hits links to asp. I am working on my school's website and one of the teachers would like a page that she can log into and post assignments and what not. I figured this wouuld be easy, but the server does not support PHP, which means no SQL either. How should I go about making this page with straight html? I'm making a website for small business with HTML5. I want contents on the website like news and information can be edit on the webpage without having to change inside the HTML source code of the page. I can see there's a tag in HTML5 called <contenteditable> but this tag applies to every users can edit the contents of the webpage. So is there a way to make it only me or admin can edit the contents using HTML code ? A little jQuery or Javascript is ok Thanks I am struggling to understand the "make attribute editable" script. I have created a dreamweaver template in CS5. I have a navigation matrix made up of images. I want to make the navigation images change with the current page (i.e. when on "1" page make nav button "1" brighter. I am trying to do this with the "make attribute editable" script (so I can change each navigation image accordingly on each page). When I make the attribute "src" editable the image disappears and does not display on the pages I create from this template even when I add the correct path to the url value! I cannot work out what I am doing wrong. I'm sure there is something simple I am missing but just cannot work it out. Thank you for any help!!! I have started over with a new document to make it as simple as possible but no joy. Here is my code... <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <!-- TemplateBeginEditable name="doctitle" --> <title>Untitled Document</title> <!-- TemplateEndEditable --> <!-- TemplateBeginEditable name="head" --> <!-- TemplateEndEditable --> <!-- TemplateParam name="src" type="URL" value="../images/wind.PNG" --> </head> <body> <img src="@@(src)@@" width="133" height="83" alt="wind" /> </body> </html> Thank you! Hi all, I am beginner user in this forum. My problem --------------- I am dealing with a rich-text editor into which I would like to add a non-editable (read-only) div block. In other words the content inside the div block must not be edited by the editor user moreover he/she need not be able to select the content I've inserted in the div block. Micrsoft Internet Explorer supports two attributes for elements like div : Code:
(a) contenteditable (b) unselectable
Using which I've achieved what I am looking for but those attributes are IE browser specific and they fails in Mozilla Firefox (rather Gecko based browsers). I am looking for a method using which I can mak a <div> block non-editable as well as un-selectable in both IE and Mozilla Firefox. I hope you'll share your valuable thoughts and ideas to overcome this issue. Thanks in advance. Regards Codeexploiter 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! 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 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 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 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 Hi again! I was wondering how i can make a guestbook/comment on one of my sites. Does there exist any java script, or anything else like that to do that? If yes, then how do i use it? 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> |
|||||||