|
HTML - Html Based User Manual
Hi again!
I am thinking of another project. I wanted to make/remake our software user manual in HFLM file. I want its file size to be small as possible, so I do not want to use CMS. How should I accomplish it. I want to use a temple with all the links in the header. Your comments and suggestions are highly appreciated. Thanks a lot. Similar TutorialsDear expert (Ok, i am new to this and should maybe not address this as a letter ) I hope someone can help me ... this is what i want to achieve (I am using frontpage) I want to create a table (this i can do!) that require a user input (number of guests). It then has SEVERAL options: - Select an option from a drop down list, and a price is then loaded from somewhere to create a total for that option and display it in the table (And keep that total for adding later) - Check a box, and if checked it creates a further calculation, displaying and storing the number for further calculation. a number of the above options, and a grand total on the bottom. I found more or less a page on a site that does what i am looking for, but after looking at the code, i have even LESS of an idea how it works Can someone PLEASE help me, or point me in the right direction? (I am not looking for someone to just write the code for me, as this will not teach me anything, and i want to learn) Below is a link to the example .. http://www.ouma-se-kombuis.co.za/test.html Thank you! 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, I'm trying to modify an HTML-based RSS ticker that I've found online. For reference, the code can be found at http://www.rsspump.com. Currently, the code is written to display a certain number of recent posts (for my purposes, tweets from a Twitter account). The default setting displays anywhere between 1-9 of the most recent posts. The issue is that I am using the ticker to display a list of daily announcements. The number of announcements we tweet varies from day to day, and become irrelevant once the day is over. Is there a way to rewrite this code so that the posts (tweets) displayed are based on the day they are posted rather than the number of recent posts? For example, instead of displaying my 5 most recent tweets, I'd like to display everything I've tweeted today and only things I've tweeted today. I hope that makes sense. Anyways, I've posted the code below. Thank you so, so much to anybody who can help. <iframe src="http://s1.rsspump.com/rss.aspx?s=00000000-0000-0000-0000-000000000000&speed=2&t=0&d=0&u=0&p=1&b=0&ic=9&font=Verdana&fonts ize=12px&bgcolor=&color=000000&type=typewriter&su=1&sub=1&sw=1" frameborder="0" width="100%" height="16" scrolling="no" allowtransparency="true"></iframe><noframes><div style="background-color: none transparent;"><a href="http://www.rsspump.com/?web_widget/rss_ticker/news_widget" title="News Widget">News Widget</a></div></noframes> Hey there guys... I've been trying to make an HTML program that opens programs I direct it to. Now I have the layout all correct, it looks almost like a control panel with my most commonly used programs. I put hyper links on the pictures, but when I click on the picture that dialog box keeps opening! It's getting a bit irritating... Is there a way I can make them open with out keep clicking on open or save in the dialog box. I can't get notepad opened either! This is not web based just for my PC if that makes anything any easier! Also if there anything in JAVA that will be cool. I saw something to do with PERL but I cannot run the code on my PC, I think thats only web based and the coding is way to complicated! Thanks I'm looking to write a form with input fields which, upon submitting, would post to a specific forum. Now, I'm not sure if this is some kind of javascript trickery or something (I am far from familiar with JS). Here's an example of this page: http://www.violentrevolution.net/e10...y/survey.php?2 Now, what happens upon submitting that forum, the information is posted to a forum where clan members can discuss the application. I'm looking to replicate that function, but I've gone over the code and I can't seem to see the modularity of it (i.e. changing the forum to which it posts). Thanks for any help in advance. I've made my email newsletter using html and uploaded it to my server. I only need to get the html coded newsletter into the gmail client. After searching on google for a couple hours I've gotten frustrated not being able to find the correct method of doing this. I tried clicking and dragging from the uploaded html file in my internet browser, which sort of works except I then lose all the hyperlinks (text and image) in the transfer. What exactly is the process in doing this? Thanks a ton! 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 Hello, I'm trying to create a little page that auto updates itself whenever new files are added. The system is layered such that I have the top level index.html file, then in the same directory, I can add new folders that contain other index.html files. What I want to do is have the top level index.html file pick up every sub directory, grab the name from the directory, and then create a link to that directory's index.html file and then display it in the top level index.html file. So what I have right now is this: HTML Code: <body> <a href="myFirstDirectory/index.html">myFirstDirectory.html</a> </body> There is other stuff, but this is the part I need help with. As you can see, I also want the name that is displayed to be the same name as the directory. I do not know how to automate this if I have other folders in there like directory2, directory3, etc. Can anyone show me an example of how to do this or walk me through it? Thanks in advance. .................... Hello, I want to create this website, using the mailto tag, the user will input the info in the text boxes then click on the submit button and mail the information to what ever email I specify in the mailto tag(is that correct, can malto do that?). But I want to take it a step further and the email in the textbox the user filled out it would be sent email about more information on what they came to the website for, can this be done in html? if so how, hopefully this made sense to everyone. Thank you Okay so I want to make an input where a user (me) can input coding and then it will post it in another place but it will display in the site as not coding but just will execute the code....how would I go about doing this? Thanks for any help! (I'm trying to make a simple blog for my site but don't want to have to recode the entire page for each post individually. I would love to be able to just enter in one post's coding then it will display...I just assumed it's possible? Because of HTML code previewers out there.) i recently learned html, still a n00b though, lol i made a layout, which im proud of but i wanna know how to make a layout changer, which i can pput as a topic and have links, when ppl click them, the layout changes, and u can always chnge it bak to the original or something else mind helping me out? Hi all programmers I have a doubt. Im making a school project wich makes me to create a new website. But Im stuck in a point of this project. This website is like wikipedia but including videos and musics. What I cant do its to make a textbox where the user can write a code for example : "<b>bold</b>" and after he saves it the text will appear in bold. How can I make that possible ? TY Guys. I would like to have a "User" or "Memebers Only" section on our website. What differs from other HTML code that I have been able to find is that what we would like to do is from our login page have have a specific page come up depending on the "User Name" and "Password". We DO NOT want to have a list of other users to be shown though, we have found a code that has a list to select from but this shows other users. Can anyone assist? ______________________ sport book betting steroid Html code for Text Boxes that the user writes down his details and then click to a button and his details comes to an eimail... look an example ... http://www.arkadiko-meli.gr/form.asp?i=2 I need to know how to make an html/javascript based script to make a VERY simple address bar that acts exactly like the address bar on all web browsers. When you type in where you want to go.. well.. It takes you to the url you just typed in! No restrictions are needed (anti-porn for example) and I'm hoping it can be in the shape of a regular old form script that is easily editable. Please don't ask why the hell I would need one but I just do. Thanks in advance Hello there, I always make webpages using tables. The usual outline for me is a vertical menu bar at the left that is of STATIC width, and a window on the right that displays the conent with a DYNAMIC width. So I pretty much want the left pane to take up i.e. 200px and the right pane to take up the rest of the page. With tables, it's easy b/c you can just set the table width to 100%, define the td width of the left pane, and the right pane will automatically resize itself to fill the page. I'm trying to adapt a div-based layout now and I can't figure out how to do that with divs. I've been playing with it, but keep running into problems. If I set float:left, after a certain point in making the window narrower, the right div jumps below the left div, etc.. Can someone give me some hints or point me in the right direction as to how to achieve the same effect I had using tables? Thanks! Hello. =) A few weeks ago, I made this thread saying that I'm (basically) still new to HTML...and now I'm forcing myself to use an HTML editor. (I decided to use KompoZer, and I've been using it for a few days.) Right now, I'm playing around with it and trying to create different site layouts. I came up with a design (which involves using DIVs), but I'm really having some problems: What the site is supposed to look like [GIF image] What the site actually looks like (for now) [HTML document - CSS is embedded in the page] ...Truth be told I drew that picture first, then I went online and found a similar-looking layout (since I can't make one from scratch yet; I still don't really understand how DIVs+CSS work). So I tried modifying the layout as best I could, and I didn't do such a great job. ^^; Anyway, I want the layout to be "liquid", so if you resize your browser everything shrinks nicely. But whenever I reduce my browser size, the header and footer start moving. How do I stop this from happening? Can anyone tell me the correct code I should be using? Thanks in advance!! PS: 1) You see those "white spaces" in the picture I drew? Well, I figure the best way to add those spaces is by modifying some background images, like what I did here. If I'm wrong, or you know a better way to do this, please tell me!! 2) If you scroll the HTML document, you might notice that it's hard to read the top line of text (because it's "hidden" behind the header DIV). I think the best way to solve this problem is by making the bottom of the header DIV transparent...or, by adding a second DIV at the bottom of the header, and then making that second DIV transparent. I heard you can use "filter:chroma" to do this, but for some reason I can't get it to work with hex colors OR pictures. =( 3) Do you think it's easier/makes more sense to try and edit this other layout instead? It scrolls the same way, and it already has a header and footer...plus the bottom of the header is already a different color, so I should be able to make it transparent. This layout doesn't have a side column, but I can make one using code like this, right?: HTML Code: body {
color: white;
background-color: #000000;
background-image: url(stars_bg3.gif);
background-image: url(foot-head.gif) bottom 300px right;
background-repeat: no-repeat;
background-attachment: fixed;
border-top: 6px solid white;
border-right: 0;
border-bottom: 6px solid #FFFFFF;
border-left: 6px solid #FFFFFF;
padding-left: 184px;
overflow: hidden;
margin: 0px;
}
The "mailto:" code is fine for a link that has people send an email, IF they are using a non-web-based email program such as Outlook. But if a person is using, say, hotmail, and doesn't know how to configure hotmail as their default email program, how can I write html code that will take them to this kind of web-based email site for writing their email? I have a client who doesn't understand why she can't use the email link I've set up.. Please help! The new iGoogle uses a time based image where the color of the sky corresponds to the time of day eg. it is bright when it is light out and dark when it is dark out. I want to make a image for a business website that displays open when it is between certain hours and closed when it is not those hours. Any guidance on where to look or how to approach this? |
|||||||