HTML - Dynamic Text (dhtml) Page Length ????
I am trying to make a page that has a DTML (dynamic expanding links), and a right hand column - Below is my code.
I want to make the right hand colunm (most common questions grey area) a fixed height. It seems to be the length of the page as if all the menus are clicked on and opened even if they are closed. How can I make it a fixed height regardless of how many links (dhtml) are opned or not so that most common questions are no longer than say 500 pixles. Any suggestions would be handy. I can send code / page as its to long to paste here! Thanks, Ryan Similar TutorialsHi there, I am currently building a website in dreamweaver. It's going slow but so far I have overcome ever problem with the help of people like you! The problem I'm at at the moment is pretty tricky. If you visit. http://aquariusspa.co.uk/flw%5Fver2/flw_ver2.html This site I built with photoshop and then exported as html. Now i'm adding content and the nav bar (which isn't quite working right!). So what i'm looking to do is have the main box (one with welcome in it) change height depending on what i enter in to it. Every page has different amount of text. Now I could just build every page in photoshop for the desired page height but surely there must be a way of stretching what i've got with out wreaking the graphics. Thanks in advance. S So, Im looking for some code that acts like dhtml tabs. I have a webpage that I want to add a column on the right that has like 5 tabs. Clicking on each tab you get different content without leaving the actual page. Like this I suppose: http://www.cnn.com/ In the "Watch Video" section. You can tab between Most Popular and Best Video. thats the idea. Any good solutions. The current solution I have works, but is sloppy. Im hoping for some better code. Any help would be appreciated. Thanks, Mac hi, I have this:<form > <input id="Email" maxlength="40" name="Email" size="40" type="text" value=""><br /> <input id="pwd" maxlength="40" name="pwd" size="40" type="password" value=""> <label for="Submit"> </label> <input id="Submit" name="Submit" type="submit" value="Submit"> </form> In Safari and Firefox, the two boxes look the same length, you can see from diff_ff.jpg, but in IE, it looks different(please see diff.jpg), if I change "password" to "text" they will look the same in length, any solution to this? Thanks, A.C. How do I figure out the lenght of the page (content, not browser window) so that I can make all of my regions line up at the bottom? I noticed that % in the height attribute is related to the window not content. I have also tried auto, but that is different for different content. My page has an outside region, a left nav bar and a content region, and I don't know how to make the bottom line up without tables. Sorry if this is confusing. Thanks in advance. I have a left menu column but it's not stretching down the length of the page. The page is quite long and when the links are finished on left column it just ends and as it has abackground colour it looks a little strange. It is floated left and the main_section is also floated left. It is the main section div that is long. I was thinking because this is in a div that the left coumn is also in that the left column would therefore stretch to the length of it's parent div. Any ideas? http://absolute-websites.com/services.html is the link so you can see what I'm talking about. Here is a section of the HTML : HTML Code: <div class="left_column"> <div class="breadcrumb"><p><a href="index.html">home ></a>services</p></div> <div class="icons"><p><a href="services.html#websiteProduction"><img src="images/webIcon-01.png" title="web building" alt="web building icon"/></a></p></div> <div class="icons"><p><a href="services.html#hosting"><img src="images/hostingImgIcon-01.png" title="Hosting & Domain Names" alt="Hosting & Domain Names icon"/></a></p></div> <div class="icons"> <p><a href="services.html#seo" ><img src="images/seo2Icon-01.png" title="Search Engine Optimisation" alt="Search Engine Optimisation icon"/></a></p></div> <div class="icons"> <p ><a href="services.html#marketing"><img src="images/advertsIcon-01.png" title="Marketing" alt="marketing icon"/></a></p></div> <div class="icons"><p ><a href="services.html#design" ><img src="images/designImgIcon-01.png" title="Design" alt="Design icon"/></a></p></div> <div class="icons"> <p ><a href="services.html#photo" ><img src="images/photoIcon-01.png" title="Photoditing" alt="Photoediting icon"/></a></p></div> <div class="icons"> <p><a href="services.html#video" ><img src="images/videoIcon-01.png" title="Video Production" alt="Video Production icon"/></a></p></div> </div> <div id="main_content" class="fl"> <h1 class="h1SecHead" >>SERVICES</h1> im creatinh a box containing a text. The box must be wide enough to fill a text. menu.style.width = tekst.length - this functioin gives the number of letters in text. So if the text is "hello" then the width is 5 pixels. But i need the widith of pixels needed to fit the text in a box. How can i do that? Well, I think that's what it would be considered. Anyways, I have a simple project where I'm making a website that has a drop down menu with a list of items. I also have a table which will define the items. What i want to know is how to change the text in one of the table boxes when a new item in the drop down menu is selected. This is the code i have so far... Code: <html> <head> <title> My Definitions </title> </head> <body> <script type="text/javascript"> var define= new array() define["Unicode"] = "unicoded" define["Hexadecimal"] = "hex" define["Binary"] = "bin" define["Compiler"] = "compil" define["Interpreter"] = "inter" define["Topology"] = "top" define["Server"] = "ser" define["Overflow Error"] = "of" define["Phishing"] = "phish" define["Network"] = "net" function definition(def) { } </script> Select a definition from the list: <select id="list"> <option>Unicode</option> <option>Hexadecimal</option> <option>Binary</option> </select> <br> <br> <table border="1" width="100" cellpadding="5"> <th>Definition:</th> <th>Pictu </th> <tr><td>two</td> <td>one</td></tr> </table> </body> </html> any help would be greatly appreciated. Is there a way to dynamically create text in html/jsp based on a value the user chooses? I have the following code in a jsp and based on the value of the returntype that the user chooses. The value SSN: has to change to SSN/FEIN: depending on what is choosen in the return type drop down (note, the change has to be in the text and not the inputType field). Is there an easy way to do this? Here is the form code... <form action="CompareData" method="post"> <center> <table cellspacing="5" border="0"> <col width=450> <tr> <td align = "LEFT" colspan=2><b>Please enter the parameters below to retrieve the information:</b></td> </tr> </table> </center> <center> <table cellspacing="5" border="0"> <col width=200> <col width=100> <tr> <td align = "LEFT"><b>SSN:</b></td> <td><input type="text" name = "SSN" value="000000000" ></td> </tr> <tr> <td align = "LEFT"><b>End Year:</b></td> <td><input type="text" name = "ENDYEAR" value="2007" ></td> </tr> <tr> <td align = "LEFT"><b>Num of Years:</b></td> <td><input type="text" name = "NUMYEARS" value="2" ></td> </tr> <tr> <td align = "LEFT"><b>Return Type:</b></td> <td> <select name="ReturnTypeDropDown" > <option value="WI">WI</option> <option value="IRS">IRS</option> <option value="Informational">Informational</option> </select> </td> </tr> <tr> <td><input type="hidden" name="RETURNTYPE" value="" ></td> <td><input type="button" value="Retrieve" onClick="validate(this.form)"></td> </tr> </table> </center> </form> Right - I am looking for way to do the following... I want to have a 3 URLs on a page > something like Code: <a href="http://www.somesitesomewhere.com" alt="no 1">Click here for option 1</a> <a href="http://www.somesitesomewhere.com" alt="no 2">Click here for option 2</a> <a href="http://www.somesitesomewhere.com" alt="no 3">Click here for option 3</a> which will take the viewer to another website landing page which will have a body of text that will contain an area that will be changed depending on which of the above links has been clicked... i.e.: Code: <p>this is copy for the body of the landing page. You clicked option {dynamic_text}, nice choice.</p> So the "alt" state appears dynamically - I know that the link will have the dynamic text elsewhere in the anchor tag (not in the 'alt' tag) - but am not sure where/how to implement. Can anyone help? Cheers YB Good day guy's. Im very new to html programming and scripting, but I was wondering if it would be possabe to insurt a dynamic label field in you body where to content must be fetch from a notepad or wordpad ( /docs/someting.txt ) Thanks Hello Everyone, Can anyone help me with my html problem?? I have a form showing one chunk record at one time. This record is from a table. I want this form to bold certain text from that chunk of record. Since the record is not hardcoded/type inside the form. I want the bold funtion to be dynamic. Let say, Record one: I have an apple. I want to eat it now. Record two: I have a strawberry. I dun want to eat it now. First case, I want to bold the whole first line,with the word 'have' in it.. But this line can be anywhere in the page.. It doesn't always have specific position as long as the sentence have the word 'have' in it. Second case, I want the script to bold the word 'want' every time it finds it.. And only that word! Can anybody help me on how to do this.. I really dunno how to? Hi, I want to create a header (<h1>,<h2>,...) like on the picture (see attachment) with html and css. It is possible to create sth like that without using pictures? Thanks Hello. I'm new here so I'd like to apologise for two things: 1. The possibility that I've posted in the wrong forum section - the problem contains what I believe to be an HTML issue primarily, as opposed to CSS; although I'm probably wrong due to my inexperience with web design. 2. That I haven't worded my title properly or that this problem has already been resolved. I've tried searching numerous forums but I'm having difficulty expressing myself articulately and consequently, I can't find anyone with a similar problem. Here's my problem: I'm building a website which contains the owner's latest tweet on the page, in this instance it's at the top. I'd like this text: 'Latest tweet:' to appear on the left-hand side of the actual tweet and for both items to be aligned to the centre of the X axis. Typically, all the options I've tried have resulted in 'Latest tweet:' appearing above the tweet or being occluded by the tweet. A simple solution would be to create a div containing 'Latest tweet:' and position it next to the div containing the tweet. The problem here is that the 'Latest tweet:' text will remain stationary, whilst the tweet will grow or shrink dynamically, depending upon the number of characters in the tweet. This will usually leave an unsightly gap between 'Latest tweet:' and the tweet. Is there any way I can get 'Latest tweet:' to appear right at the start of the tweet, regardless of its size? Here is a crude illustration of the gap:- Latest tweet:____________"This is a relatively small tweet." Here is what I'd like to happen:- Latest tweet: "This is a relatively small tweet." The relevant (I think) code is pasted below. I'd really appreciate the help of anyone who's reading this - even if you're not sure yourself! If you need more information or code then please let me know. I don't have a working link yet but I could upload it if necessary. Best wishes, thereisnoteapot. PS HTML <div id="twitter_div" style="position: relative; top: -35px; height: 35px; font: 'Palatino Linotype', 'Book Antiqua', Palatino, serif; font-style: italic; font-size: 14px; display:inline;"> Latest tweet: <p id="twitter_update_list"> </p> </div> CSS #twitter_update_list { list-style-type: none; } #twitter_update_list span a { display: inline; color: #fff; } I have a website that I'm using as a test project of sorts. The link is he http://www.RyanzLair.com/OnTheFarm/index.html What I'm wanting to do is, when the user clicks on one of the thumbnails, for there to be a dynamic text box above the image in the main window that will also change depending on the picture. Basically I'm wanting to caption my photos. Right now I'm using a php script to load the pictures into the main window (so I don't have to create a separate page for each image). I'm new to all of this, so I don't know if you need me to copy and paste any code or what not, but I can get whatever you require to help out. Thanks! I am trying to slowly put together a very simple content management site for a footy club i run, the data is stored in a mysql database and lined to the web page using a dynamic table from within dreamweaver, it displays all the info except one thing it appears in one huge paragraph, take a look at my page Link is at: http://itdesignz.co.uk/Clients/RTFC/cms/home.php The Data in the mysql has the spaces and enters breaks in it, but these are not reflected in my page. I am really new to dreamweaver and am not sure how to overcome this problem, Please help Andy Hello, I want to understand the best way to make the height of my page change depending on the content. I know that I can partly accomplish this with tables, but tables have an even number of rows and columns. My page looks like this... .................Title................... ______________________ |.....|..............................| |Nav|...........Content........| |.....|..............................| |.....|..............................| |___|_________________| .............FOOTER............... Its very basic, but this is my current road block. What is the best way to accomplish this? Thank you in advance! Hello, I am new to the forum and html in general... I came across this website: http://ricardovilloria.com/ and what i like about it that pages of work load without re-loading the whole page again. It is really simply done - yet I cannot see how. I don't understand what is: http://ricardovilloria.com/work/03 is it a folder? how come it doesn't have .html extension? I tried downloading it - it seems that there is an index.hml that has elements on the page/website that are always stay, in this case header and the list of links on the right. But how the other pages load into this one with only a click? the website is clearly not a php website...? how is this done? I appreciate any help thanks alimdar Hi, I've been asked by a friends husband if i can help with his website, he makes photography/picture mounts and wants a page where you input the outer dimensions followed by the inner dimensions and it works out the price for you. What he specifically requires though is for the costings to be displayed live so the price comes up on the page itself dynamically. Basically, he needs something like the following link but done dynamically on the same page and not have to be forwarded to a secondary page. This will also need to include a "buy it now" button for paypal. http://www.merlinmounts.co.uk/custommount.htm Can anyone help as I'm tearing my hair out and I have very little to start with. I have searched many pages on this forum for the answer to my question but cannot find it anywhere. I do not know if this can be done in html. I am fairly new to html pages but have been creating .php pages for awhile. I am trying to dynamically create a title for a page based on the url on an html page. I have an existing site that I would prefer to leave html and not change to .aspx or .php. An Example would be: w'ww.mysite.com/ResultsGeneral.html?kwds=Sweatshirts&color=Gray-Sweatshirts. (Not a real site but an example.) I would want to display Gray Sweatshirts for the <title>Gray Sweatshirts</title> head. I know how to do this with .php. I would use <title><?php echo urldecode($_GET["color"]); ?></title> I have also found out this can be accomplished in aspx by using <head id="Head1" runat="server"> <title><%= Request.QueryString("color").Replace("-"," ") %></title> I need to know if it is possible to accomplish this with .html. I am sure it is something simple like .php but I have tried several methods and looked at a lot of forums and cannot find the answer. I may not be wording the question correctly. Thanks in advance, Bob. I have several websites that I maintain and update. A lot of them are just textual changes and I would think my customers can do these themselves by editing a simple .txt file. I was hoping my choices are avalable so that I can just insert this tag into my web pages and then give them login info to their edit page or show them how to upload the .txt file. I hope this is an easy one with several answers. Is it possible these tags could discipline your rankings in the search engines? Thanks, Jason |