|
HTML - Dynamic Html Update?
The menu for my website needs to be updated often with new subcategories, etc. My website is all in HTML/CSS and has a lot of pages. Whenever I update the menu, I need to update all the pages on my site. Is there a simpler way to do this -say edit the menu on another file and have the changes be reflected on all the pages for my site? Also note that the menu is using CSS/JS files attached to the html file.
Thanks in advance! Similar TutorialsHi All, I have a specific requirement. When i click on a button, it calls a url action and then need to open an excel attachment. This excel attachment is created using html coding only i.e by giving <content type="application/vnd.ms-excel"/> , it converts the html to excel. So far so good Here comes the issue ..I have another requirement. The excel sheet's filename should be the one i give. But by default, excel sheet's filename is the called url name for example if the url was ExcelOpen-start, then the excel filename also would be 'ExcelOpen-Start' How can we give the filename in html. Can anyone help me Thanks in advance Aneesha 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've never really done much with HTML so i was wondering how clever it really is. I have a form on a page where you can type into an input text box and hit submit but then i want the text you input to overwrite the content of a .txt file which is already there. Is that possible? and how? regards Greg Hi I am designing a form to update a template i have created. The idea is to leave the form with a user and they can input details which will update a template i have designed for use with ebay. However i have designed it using javascript and when this updates my template it doesnt actually fill out the data, it is only taking the data from the intial form not actually making a new hard copy with the data? My code: User Form: Code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <title>Pass Data Form</title> <BODY> <center> <form type=get action="template.htm"> <table border=1> <tr> <td>Item Title:</td> <td><input type=text name=itemtitle size=100></td> </tr> <tr> <td>Item Condition:</td> <td><input type=text name=itemcondition size=50></td> </tr> <tr> <td>Box Condition:</td> <td><input type=text name=boxcondition size=50></td> </tr> <tr> <td>UK Postage:</td> <td><input type=text name=ukpostage size=10></td> </tr> <tr> <td>European Postage:</td> <td><input type=text name=europepost size=10></td> </tr> <tr> <td>Rest Of World Postage:</td> <td><input type=text name=rowpostage size=10></td></tr> <tr> <td>Description Item 1:</td> <td><input type=text name=descritionitem1 size=100></td> </tr> <tr> <td>Description Item 2:</td> <td><input type=text name=descritionitem2 size=100></td> </tr> <tr> <td>Description Item 3:</td> <td><input type=text name=descritionitem3 size=100></td> </tr> <tr> <td>Description Item 4:</td> <td><input type=text name=descritionitem4 size=100></td> </tr> <tr> <td>Description Item 5:</td> <td><input type=text name=descritionitem5 size=100></td> </tr> <tr> <td>Description Item 6:</td> <td><input type=text name=descritionitem6 size=100></td> </tr> <tr> <td>Description Item 7:</td> <td><input type=text name=descritionitem7 size=100></td> </tr> <tr> <td>Description Item 8:</td> <td><input type=text name=descritionitem8 size=100></td> </tr> <tr> <td>Description Item 9:</td> <td><input type=text name=descritionitem9 size=100></td> </tr> <tr> <td>Description Item 10:</td> <td><input type=text name=descritionitem10 size=100></td> </tr> <tr> <td>Description Item 11:</td> <td><input type=text name=descritionitem11 size=100></td> </tr> <tr> <td>Description Item 12:</td> <td><input type=text name=descritionitem12 size=100></td> </tr> <tr> <td colspan=2><input type=submit value="Submit!"> </td> </tr> </table> </form> </center> </head> <body> </body> </html> Template javascript: Code: <SCRIPT LANGUAGE="JavaScript">
<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->
<!-- Begin
function getParams() {
var idx = document.URL.indexOf('?');
var params = new Array();
if (idx != -1) {
var pairs = document.URL.substring(idx+1, document.URL.length).split('&');
for (var i=0; i<pairs.length; i++) {
nameVal = pairs[i].split('=');
params[nameVal[0]] = nameVal[1];
}
}
return params;
}
params = getParams();
// End -->
</script>
<SCRIPT LANGUAGE="JavaScript">
itemtitle = unescape(params["itemtitle"]).replace(/\+/g,' ');
document.write(itemtitle); </script> </STRONG></FONT></DIV>
</DIV>
<DIV align=left><FONT color=#492d67><STRONG>
<SCRIPT LANGUAGE="JavaScript">
itemcondition = unescape(params["itemcondition"]).replace(/\+/g,' ');
document.write("ITEM CONDITION: " + itemcondition); </script> </STRONG></FONT></DIV>
<DIV align=left><FONT color=#492d67></FONT> </DIV>
<DIV align=left><FONT color=#492d67><STRONG>
<SCRIPT LANGUAGE="JavaScript">
boxcondition = unescape(params["boxcondition"]).replace(/\+/g,' ');
document.write("BOX CONDITION: " + boxcondition); </script></STRONG></FONT> </DIV>
<DIV align=left><FONT color=#492d67></FONT> </DIV>
<DIV align=left><FONT color=#492d67><STRONG>
<SCRIPT LANGUAGE="JavaScript">
ukpostage = unescape(params["ukpostage"]).replace(/\+/g,' ');
europepost = unescape(params["europepost"]).replace(/\+/g,' ');
rowpostage = unescape(params["rowpostage"]).replace(/\+/g,' ');
document.write("POSTAGE: " + ukpostage + " (UK Mainland) " + europepost + " (Europe) " + rowpostage + " (R.O.W) " ); </script></STRONG></FONT> </DIV>
<DIV align=left></DIV>
<UL>
<LI>
<DIV align=left><FONT color=#492d67>
<SCRIPT LANGUAGE="JavaScript">
descritionitem1 = unescape(params["descritionitem1"]).replace(/\+/g,' ');
document.write(descritionitem1); </script>
<br>
<LI>
<DIV align=left><FONT color=#492d67>
<SCRIPT LANGUAGE="JavaScript">
descritionitem2 = unescape(params["descritionitem2"]).replace(/\+/g,' ');
document.write(descritionitem2); </script>
<br>
<LI>
<DIV align=left><FONT color=#492d67>
<SCRIPT LANGUAGE="JavaScript">
descritionitem3 = unescape(params["descritionitem3"]).replace(/\+/g,' ');
document.write(descritionitem3); </script>
<br>
<LI>
<DIV align=left><FONT color=#492d67>
<SCRIPT LANGUAGE="JavaScript">
descritionitem4 = unescape(params["descritionitem4"]).replace(/\+/g,' ');
document.write(descritionitem4); </script>
<br>
<LI>
<DIV align=left><FONT color=#492d67>
<SCRIPT LANGUAGE="JavaScript">
descritionitem5 = unescape(params["descritionitem5"]).replace(/\+/g,' ');
document.write(descritionitem5); </script>
<br>
<LI>
<DIV align=left><FONT color=#492d67>
<SCRIPT LANGUAGE="JavaScript">
descritionitem6 = unescape(params["descritionitem6"]).replace(/\+/g,' ');
document.write(descritionitem6); </script>
<br>
<LI>
<DIV align=left><FONT color=#492d67>
<SCRIPT LANGUAGE="JavaScript">
descritionitem7 = unescape(params["descritionitem7"]).replace(/\+/g,' ');
document.write(descritionitem7); </script>
<br>
<LI>
<DIV align=left><FONT color=#492d67>
<SCRIPT LANGUAGE="JavaScript">
descritionitem8 = unescape(params["descritionitem8"]).replace(/\+/g,' ');
document.write(descritionitem8); </script>
<br>
<LI>
<DIV align=left><FONT color=#492d67>
<SCRIPT LANGUAGE="JavaScript">
descritionitem9 = unescape(params["descritionitem9"]).replace(/\+/g,' ');
document.write(descritionitem9); </script>
<br>
<LI>
<DIV align=left><FONT color=#492d67>
<SCRIPT LANGUAGE="JavaScript">
descritionitem10 = unescape(params["descritionitem10"]).replace(/\+/g,' ');
document.write(descritionitem10); </script>
<br>
<LI>
<DIV align=left><FONT color=#492d67>
<SCRIPT LANGUAGE="JavaScript">
descritionitem11 = unescape(params["descritionitem11"]).replace(/\+/g,' ');
document.write(descritionitem11); </script>
<br>
<LI>
<DIV align=left><FONT color=#492d67>
<SCRIPT LANGUAGE="JavaScript">
descritionitem12 = unescape(params["descritionitem12"]).replace(/\+/g,' ');
document.write(descritionitem12); </script>
I would like the new template so i can view the source code which will contain the user filled info. This will then just be copied into the ebay description for use. Any help appreciated. Just getting my feet wet. using XMLSpy stylesheet designer to help guide. I'm converting XML to HTML, which is Microsoft's recommended way of controlling the import of XML into Excel. I've got the stylesheet below in productive use. However, I want to make one key change. I want the name of XML elements to become the text column headings so I can deal with files that have dynamic column names. Suggestions appreciated. Here is typical XML: <NewDataSet> <Table> <Name>Linda Britt</Name> <RFQCount>324</RFQCount> <RFQResponseCount>556</RFQResponseCount> </Table> </NewDataSet> Here is the stylesheet. See comments regarding what I'm trying to change. <xsl:template match="/"> <html> <head></head> <body> <xsl:for-each select="NewDataSet"> <xsl:for-each select="Table"> <xsl:if test="position()=1"> <xsl:text disable-output-escaping="yes"><table border="0"></xsl:text> </xsl:if> <xsl:if test="position()=1"> <thead> <tr> <td > <span>Buyer Name</span> COMMENT: I want this to be "Name" from element name. </td> <td > <span># RFQs</span> COMMENT: I want this to be "RFQCount" from element name. </td> <td > <span># Responses</span> </td> </tr> </thead> </xsl:if> <xsl:if test="position()=1"> <xsl:text disable-output-escaping="yes"><tbody></xsl:text> </xsl:if> <tr> <td> <xsl:for-each select="Name"> <xsl:apply-templates/> </xsl:for-each> </td> <td> <xsl:for-each select="RFQCount"> <xsl:apply-templates/> </xsl:for-each> </td> <td> <xsl:for-each select="RFQResponseCount"> <xsl:apply-templates/> </xsl:for-each> </td> </tr> <xsl:if test="position()=last()"> <xsl:text disable-output-escaping="yes"></tbody></xsl:text> </xsl:if> <xsl:if test="position()=last()"> <xsl:text disable-output-escaping="yes"></table></xsl:text> </xsl:if> </xsl:for-each> </xsl:for-each> </body> </html> </xsl:template> </xsl:stylesheet> Hello, I'm fairly new to HTML and scripting and could use some help. I'm setting up an HTML form with a CGI script (script1) and submitting data to another CGI script (script2) with the POST method using enctype="application/x-www-form-urlencoded". I create my form page with script1 based upon files and it will create a number of check boxes. My problem is that I do not know exactly how many check boxes are created. If they are checked they submit a value, however, if they are not checked, they are not listed in the Query String. So script2 does not know if there is an unchecked check box after the last checked one. Is there an option or a different enctype that will submit their value with a NULL string if they are not checked? Or is there any other way to get around this issue? Any Help you can give me is greatly appreciated. Thanks in advance 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? 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. 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! 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 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? 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? 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 recently just added an RSS feed to my website, and I was wondering how to update it....Do I have to edit it in Notepad, save it, then upload it again? Also, when you subscribe to an RSS feed on Google, is this "headline" thing supposed to be the most recent story, or is that supposed to be my site name and link to my homepage? I'm very confused, as I added like 10 items to my feed and only 2 show up (one of them taking place of my headline for some reason).......Here's the code: Code: <?xml version="1.0" encoding="US-ASCII"?> <rss version="2.0"> <channel> <title>Celtics Insider</title> <link>http://celticsinsider.webs.com</link> <description>Your #1 Source For Anything And Everything Boston Celtics and NBA!</description> <language>en-us</language> <copyright>Celtics Insider</copyright> <item> <title>This Is Our House</title> <link>http://celticsinsider.webs.com/05February2010.html</link> <description>Eddie House's heroics, coupled with a late defensive surge, helped avoid a loss to the last-place New Jersey Nets.</description> </item> <item> <title>Allen's Key Steal Jump-Starts C's</title> <link>http://celticsinsider.webs.com/03February2010.html</link> <description>The Pierce-less Celtics were too much for Dwayne Wade's Miami Heat. Pierce, sidelined with a foot injury suffered in Monday's game, missed his sixth game of this season.</description> </item> <item> <title>Pierce May Have Broken Foot</title> <link>http://celticsinsider.webs.com/02February2010.html</link> <description>It was apparent after the Celtics' win yesterday that All-Star Paul Pierce was hurt; it is a matter of time before the team finds out just how bad it is. The Celtics star forward tumbled and fell down twice in last nights win.</description> </item> <item> <title>C's End Three Game Skid</title> <link>http://celticsinsider.webs.com/01February2010.html</link> <description>Coming off a three game losing streak, the Celtics came into the Verizon Center determined to win. Monday night, the Celtics showed why they have been the top defensive team in the league since aquiring Kevin Garnett.</description> </item> <item> <title>Bryant's Heroics Sink Celtics</title> <link>http://celticsinsider.webs.com/31jan2010.html</link> <description>Kobe Bryants late jumper with 7.3 seconds left in regulation capped an 11-point fourth quarter comeback for the Lakers, spoiling big nights from Rajon Rondo and Tony Allen.</description> </item> <item> <title>Boston Battles Los Angeles In An Instant Classic </title> <link>http://celticsinsider.webs.com/31january2010.html</link> <description>It may not be the NBA Finals and it may not be Christmas Day, but that doesn't matter much with this game -- the luster is never lost for a Celtics-Lakers game.</description> </item> <item> <title>Celtics Can't Stop Magical Comeback</title> <link>http://celticsinsider.webs.com/28january2010.html</link> <description>The play designed for Vince Carter was being shredded. J.J. Redick stood near midcourt, swarmed by defenders, unable to make the pass with the clock about to run out on an improbable comeback.</description> </item> <item> <title>C's Take On Mavericks Tonight</title> <link>http://celticsinsider.webs.com/18jan2010.html</link> <description>The TD Garden will host a Martin Luther King Day special tonight between two of the top teams in the NBA. The Boston Celtics and Dallas Mavericks, both of whom are coming off of tough losses, will meet at 8 p.m. tonight in a nationally televised game.</description> </item> </channel> </rss> I am creating a webcam and my software ftp's a new jpg every 2 minutes. It overwrites the old jpg. The problem is that most browsers (IE, Safari, Chrome) see a jpg that is hours old and has been overwritten 60+ times. And when those browsers see the webcam page, they see an old photo. All three of these browsers see the same photo / time - overwritten hours ago. It does not appear to be a browser cache issue because the browser / computer were off or offline at the time that photo was uploaded. I can turn a computer on and see a photo that was overwritten hours earlier. Firefox appears to be an exception. It shows the current photo and the webcam page works properly (although I have at least one Firefox user who reports a problem). Here is the link directly to the jpg that is being uploaded via ftp. The webcam software I am using is EvoCam. http://homepinballrepair.com/webcam.jpg A refresh on Firefox shows the latest photo. Not on the other browsers. What the heck?! |
|||||||