|
HTML - Dynamic Text
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. Similar TutorialsIs 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 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; } 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? 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 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 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! im wondering if any1 can help me figure out how i can keep my domain name and link it to my Apache Home Server with a Dyanmic IP i have tried no-ip.com but i dont like having sitename.no-ip.com i want sitename.com does any1 know a way to do this?? I also want to be able to make my website more interactive in this way: when I click on one table cell, another cell appears below, which can then be clicked on. Is there a way to do this with CSS and/or HTML, or will I have to resort to Flash? My apologies if this is in the wrong area, i have searched forum and could not find what i'm needing/doing wrong. I have a website that was in cold fusion, i am changing it to html/css. So i sliced it up and everything is good except the area i need to be dynamic for wordpress. Only half is stretching. The part where i want widgets to go is not stretching with rest. Sorry if my code is a mess, i'm just learning. Thanks for any advise or directions. Code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<link href="css.css" rel="stylesheet" type="text/css" />
</head>
<body background="images/bg.jpg">
<body>
<div id="wrapper">
<div id="header">
<div id="topleft"><!--start of content keep left -->
</div>
<div id="home">
</div>
<div id="about">
</div>
<div id="process">
</div>
<div id="yachts">
</div>
<div id="blog">
</div>
<div id="news">
</div>
<div id="contact">
</div>
<div id="headbanner">
</div>
</div><!--header -->
<div id="contentwrap">
<div id="leftcontentwrap">
<div id="static">
</div>
<div id="dynamic">
</div>
</div><!--leftconentwrap -->
<div id="rightcontentwrap">
<div id="sidebarwrap">
<div id="sidebar">
</div><!--end sidebar -->
<div id="sidedynamic">
</div>
</div><!--sidebarwrap -->
</div>
</div><!--contentwrap -->
<div id="footwrap">
<div id="footer">
</div><!--footer -->
</div><!--footer wrap -->
</div> <!--wrapper -->
</body>
</html>
CSS Code: @charset "utf-8";
/* CSS Document */
#header {
height: 280px;
width: 891px;
}
#headbanner {
background-image: url(images/island_12.png);
height: 203px;
width: 891px;
float: left;
}
#home {
background-image: url(images/island_04.png);
height: 77px;
width: 63px;
float: left;
}
#sidebarwrap {
float: left;
height: 348px;
width: 200px;
}
#dynamic {
background-image: url(images/island_15.png);
width: 659px;
min-height: 427px;
}
#contact {
background-image: url(images/island_10.png);
float: left;
height: 77px;
width: 140px;
}
#news {
background-image: url(images/island_09.png);
float: left;
height: 77px;
width: 55px;
}
#footer {
background-image: url(images/island_16.png);
height: 75px;
width: 891px;
float: left;
}
#sidedynamic {
background-image: url(images/sidedynamic.jpg);
float: left;
height: 77px;
width: 232px;
min-height: 77px;
}
#rightcontentwrap {
height: auto;
width: auto;
float: left;
}
#contentwrap {
width: 891px;
min-height: 348px;
}
#sidebar {
background-image: url(images/island_14.png);
height: 348px;
width: 232px;
}
#static {
background-image: url(images/island_13.png);
float: left;
height: 152px;
width: 659px;
}
#process {
background-image: url(images/island_06.png);
float: left;
height: 77px;
width: 93px;
}
#about {
background-image: url(images/island_05.png);
height: 77px;
width: 67px;
float: left;
}
#blog {
background-image: url(images/island_08.png);
float: left;
height: 77px;
width: 61px;
}
#leftcontentwrap {
width: 659px;
min-height: 348px;
float: left;
}
#topleft {
background-image: url(images/island_03.png);
height: 77px;
width: 347px;
float: left;
}
#yachts {
background-image: url(images/island_07.png);
float: left;
height: 77px;
width: 65px;
}
#wrapper {
width: 891px;
min-height: 800px;
margin-right: auto;
margin-left: auto;
padding-top: 25px;
padding-bottom: 0px;
padding-left: 15px;
padding-right: 0px;
}
I have 10 rows compose of 3 textbox per row. After pressing submit button, they are post to the next page to a table. But my problem is if only 3 rows have data the other rows is still shown in a table but blank with borders. So I want my table to show the rows who only have data Hello, I am using a loop to dynamically generate buttons using the <button> tag. The value for this button is populated using a variable. When I click on one of these buttons, I want the content of the button to be displayed on the text field. But, because it is in a loop and the because the value is a variable only the value of the 1st button comes in and then disappears from the text field. The javascript I am trying out to populate the text field is : function passButtonValue() { poitem= document.getElementById("poitem"); hiddenField = document.getElementById("hiddenField"); hiddenField.value = poitem.innerHTML; } I am using ABAP for getting the values and running the loop How can I reprogram it to overcome this problem? Thanks! i wont to add dynamic iframe work also in IE6 pls help me I have no idea where to post this question. I want to create a calculator for my website, similar in function to an excel spreadsheet although it doesn't have to look like one. Anyone have any idea how I can go about doing this? I need dynamic iframe and i found that I have found your script: http://www.dynamicdrive.com/dynamici...iframessi2.htm but this doesn't exactly work in IE6 what to do solve this problem? Hi, Is there anyway to script in such a way that if i never enter a specify to a cell, and give it 100% instead, my cell below will go all the way to the bottom by putting my whole table as 100% too? |--------------------------| | | | 100% | | | |--------------------------| | 50px | | | |--------------------------| something like that. well, it actually work in firefox and not IE, and i cant solve the problem. Thanks in advance. 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 |
|||||||