HTML - How To Display Value In Page2 Passed From Page1 Through Javascript

ello everyone.

I'm looking for a new way to display information effectively and neatly on my website.

I have looked into tables ( which I am not a fan of ), also Javascript displaying clickable tabs allowing information to be displayed when tabs are clicked.

My website is animal related so i need to be able to display somewhat like shown below;

Does anyone have any other ideas of how I could display this information without making my website look rubbish?

Thanks

Jake

I am looking to do something, that seems a bit complex, because I cannot find anything similar online to use as an example.

In simple terms: I am trying to show on a web page a display of YouTube content from a specific user, that will automatically update through the RSS feed showing the latest videos, and when a user clicks on the video, it plays on the same web page.

I have found HALF of this, with a script called video box, however you need to manually enter the videos in yourself. I am looking for this to be an automatic thing and it seems that RSS is the best way to do that.

If anyone has any suggestions please respond.

It's a php script I made that queries my database and puts the data in RSS 2.0 format. The problem is, when I I try to view it, half the time I get this:
http://www.htmlforums.com/attachment...1&d=1202333562

The other half I get it correctly:
http://www.htmlforums.com/attachment...1&d=1202333599

Notice how the before part is exactly what you'd get if you took out all of the takes and linebreaks. The strangest part is that I've compared the source of each version and they are identical. This only happens in Firefox.

I have submit buttons on one form. Is there any way to change the text that gets displayed to the user? Here's what I have

<td><p><input type="submit" name = "sid" value="372"/>
The text displayed on screen to the user is then "372", which isn't very helpful.


The variable sid is passed to the form action, and while the value I want passed is, in this case "372", I would like the button to be more user friendly, and have the text say something like "Get updated data" rather that just say "372", so the user knows what the button actually does.

Is there a way to do this? Any help would be appreciated!

Hi!
I'm new to creating websites and this forum. I recently created a website with a "mailto" form in Dreamweaver MX 2004. I have a fairly new laptop that came with Windows Vista and IE 7. When I go to display the form, you cannot scroll to the bottom of the form. The window just ends. However, if you display the form in Fire/Fox or an earlier version of IE you can scroll down to the end of the form.
I searched the MS website FAQ's but there was noting listed for this particular issue.

Does anyone know how to fix this? Or is there a script I can add to the form code for it to display properly in IE 7? Or is there a patch (assuming it is a IE 7 issue) available?

Any help or insite to this problem would be most appreciated!
Thanks,
Sonja

Hi,

I cannot get a table to display in a div on my site. If I change <table> to <div>, it works, but it is very tabular data and I need table styling.

Code:

<div id="stats_panel" style="display:none;"> <!--display is turned on by js when a button on page is clicked --> 
   <a href="javascript:GoBack()"><img src="files/images/misc-images/close-button.png" alt="" style="float:left; position:relative; height:40px; width:40px; z-index:1;" /></a> 

     <div id="stats_inside"> 
        <div style="border:0; padding:2; width:100%;"> 
            <div style="border-collapse: collapse; margin: 3px auto; border: 1px solid blue;"> 
      <div><div>table</div></div></div></div></div>

Above works, below will not work

Code:

<div id="stats_panel" style="display:none;"> <!--display is turned on by js when a button on page is clicked --> 
   <a href="javascript:GoBack()"><img src="files/images/misc-images/close-button.png" alt="" style="float:left; position:relative; height:40px; width:40px; z-index:1;" /></a> 
<div id="stats_inside"> 
        <table><td>hello</td></table> 
</div>

Further, anything after the <table> declaration disappears. It will not show up.

Site is www.uhstitans.com/schedule2.php

Click one of the Stats buttons to see the pop-up.

FURTHER INFO - EDIT

I just noticed that by adding <table>, the content appears at the bottom of the page, instead of being hidden (display:none in the stats_panel div. also, the info trailing it drops to the bottom of the page. In a perfect world, it would all wait until the js is activated and then appear in the center of the page. THis is the result I get when I do not include <table> ad include <div>.

Thanks in advance,

Todd

Hey hey!

First post here so be nice

I'm currently coding a satire website for my pal and I - http://www.satirefactory.com (only one article up at the moment). The problem I'm having is that when you click onto any page after the home page it removes the "www." bit from the address bar at the top of the browser.

I can't understand it. The only thing I'm doing any differently from any of my previous web sites is that I've used php includes to call up different files for the header/menu/right column and footer of the page. eg:

Code:

					<?php
include ("../includes/header-satire.htm");
?>

But I can't see how that would effect anything. Also - I've installed a set of (Invision Board) forums which are totally unrelated to the rest of the site, and they still display as http://satirefactory.com/forums , even if you type the URL directly into the address bar.

The website is working properly, it's just this niggling aesthetic issue. If anyone has any ideas I'd be eternally greatful.

Thanks in advance,

Max Power

Hey guys I got help on a project I'm doing from Eri. Seems he used this tag in the code which is posted below. Anyways I did some research apparently Safari doesn't like this tag. His solution works great in IE6, IE7, and FF2/3 but in safari the layout dies. Has anyone messed with this type of solution. Check this out to see what I'm mean if you want a visual representation: http://browsershots.org/http://along...index_new.html

Eric

HTML
Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">

	<head>

		<title>Personal Shopping and Concierge Services</title>

		<meta http-equiv="Content-Type" content="text/html;charset=iso-8859-1" />
		<meta name="keywords" content="INSERT KEYWORDS HERE" />
		<meta name="description" content="INSERT DESCRIPTION HERE" />
		<link rel="stylesheet" href="styles.css" type="text/css" />

	</head>

	<body>

	<div id="wrap">

		<div id="whitebox">

			<div id="header">

				<div id="logo">&nbsp;</div><!-- end div logo -->

				<div id="pagetitle">

					<h1>along came mary</h1>

					<h2>personal shopping and concierge services<br />
					the metro atlanta area</h2>

				</div><!-- end div pagetitle -->

				<div class="clear">&nbsp;</div>

			</div><!-- end div header -->

			<div id="main">

				<div id="sidebar">

					<div id="links">

						<ul>

							<li><a href="/">Home</a></li>
							<li><a href="#">About Us</a></li>
							<li><a href="#">Our Services</a></li>
							<li><a href="#">Customer Feedback</a></li>
							<li><a href="#">Contact Us</a></li>
							<li><a href="#">Links</a></li>

						</ul>

					</div><!-- end div links -->

					<div class="clear">&nbsp;</div>

					<div id="icea" align="center">

						<img src="assnbanner2.jpg" alt=" " />
						<p><a href="#">Proud Member of the International Concierge &amp; Errand
						Association</a></p>

					</div><!-- end div icea -->

				</div><!-- end div sidebar -->

			<div id="content">

				<h1>Take a deep breath.  Call Mary.  Relax.  It's handled.</h1>

				<p>
					Whether it is shopping, running errands, organizing your home or office, caring for

					your pets and home while you are away or just waiting for a service contractor to

					arrive, Along Came Mary is ready when you are.  It's like having a personal assistant

					for you and your home!

				</p>

				<p>
					Along Came Mary specializes in personal shopping and concierge services for individuals

					and families in the metro Atlanta area.  Based in Vinings, an Atlanta, Georgia suburb,

					Along Came Mary prides itself on providing reliable, top-notch customer service to its

					clients. Our primary goal is to help busy people create a more balanced and therefore

					enjoyable lifestyle.  When life becomes hectic, being able to make that call for help

					relieves stress and calms nerves!
				</p>

				<p>
					We know your time is valuable and thank you for visiting our site to learn more about

					how Along Came Mary can help you create a more balanced, productive, and manageable

					life. <a href="#">Contact us</a> so that we can show you how good life can truly be!
				</p>


				<p>
					Mary Snelson<br />
					<a href="#">mary@marylovesshopping.com</a>
				</p>

				<p>
					404.422.7564
				</p>

			</div><!-- end div content -->

			<div class="clear">&nbsp;</div>

		</div><!-- end div main -->

	</div><!-- end div whitebox -->

	<div id="footer">

		<p>
			<a href="/">Home</a>&nbsp;|
			<a href="#">About Us</a>&nbsp;|
			<a href="#">Our Services</a>&nbsp;|
			<a href="#">Customer</a>&nbsp;|
			<a href="#">Contact Us</a>&nbsp;|
			<a href="#">Links</a>
		</p>
	</div><!-- end div footer -->

</div><!-- end div wrap -->

</body>

</html>

CSS
Code:

*	{
	margin: 0px;
	padding: 0px;
	border: 0px none transparent;
	border-spacing: 0px;
	}

body	{
	background-color: #fcc1df;
	}

#wrap {
	width: 100%;
	height: 100%;
	border: 0px none transparent;
	margin-bottom: 15px;
	}

#whitebox {
	width: 700px;
	height: auto;
	background-color: #ffffff;
	border: 2px solid #000000;
	margin-top: 15px;
	margin-left: auto;
	margin-right: auto;
	}

#header {
	width: 700px;
	background-color: #ffffff;
	border-bottom: 2px solid #e5e5e5;
	height: 160px;
	display: table;
	}

	#logo {
		width: 135px;
		height: 156px;
		background-image: url('ACM-Logo.png');
		float: left;
		display: table-cell;
		}

	#pagetitle {
		width: 561px;
		height: 160px;
		display: table-cell;
		vertical-align: middle;
		position: relative;
		margin-left: 135px;
		}

		#pagetitle h1 {
			font-size: 250%;
			font-weight: bold;
			margin-left: 12px;
			margin-bottom: 0px;
			margin-top:    30px;
			}

		#pagetitle h2 {
			font-family: Arial, Verdana, Helvetica, sans-serif;
			font-size: 80%;
			margin-left: 12px;
			font-weight: normal;
			margin-top:0px;
			}

#main	{
	width: 696px;
	height: 100%;
	}

	#sidebar {
		width: 140px;
		background-color: #ffffff;
		position: relative;
		float: left;
		height: 100%;
		display: table-cell;
		}

	#links {
		margin-bottom: 10px;
		float: left;
		height: auto;
		margin-left: 10px;
		font-family: Arial, Verdana, Helvetica, sans-serif;
		font-size: 80%;
		line-height: 125%;
		}

		#sidebar ul {
			list-style-type: none;
			margin-right: 5px;
			}

		#sidebar a:link {
			color: #000000;
			}

		#sidebar a:visited {
			color: #000000;
			}

		#sidebar a:hover {
			color: #f1037f;
			}

	#icea	{
		width: 140px;
		height: 100%;
		display: table-cell;
		vertical-align: bottom;
		padding-top: 100px;
		}

		#icea a:link {
			color: #0000ff;
			text-decoration: none;
			}

		#icea a:visited {
			color: #0000ff;
			text-decoration: none;
			}

		#icea a:hover {
			color: #f1037f;
			text-decoration: underline;
			}

		#icea img {
			width: 132px;
			height: 96px;
			border: 0px none transparent;
			}

		#icea p	{
			font-family: Arial, verdana, Helvetica, sans-serif;
			font-size: 70%;
			line-height: 175%;
			text-align: center;
			margin-left: 4px;
			margin-right: 4px;
			}

	#content {
		width: 442px;
		background-color: #ffffff;
		padding-left: 12px;
		height: 100%;
		position: relative;
		margin-left: 142px;
		border-left: 2px solid #e5e5e5;
		display: table-cell;
		}

		#content h1 {
			font-family: Arial, Verdana, Helvetica, sans-serif;
			font-size: 100%;
			font-weight: bold;
			margin-top: 0px;
			margin-bottom: 10px;
			}

		#content p {
			font-family: Arial, Verdana, Helvetica, sans-serif;
			font-size: 90%;
			}

		
		#content a:visited {
			color: #0000ff;
			text-decoration: none;
			}

		#content a:hover {
			color: #f1037f;
			text-decoration: underline;
			}

		#content img {
			width: 132px;
			height: 96px;
			border: 0px none transparent;
			}

		#content p	{
			font-family: Arial, verdana, Helvetica, sans-serif;
			font-size: 85%;
			padding-bottom: 18px;
			line-height: 125%;
			}


#footer	{
	width: 696px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 8px;
	}
	
	#footer p
		{
		font-family: Arial, Verdana, Helvetica, sans-serif;
		font-size: 90%;
		text-align: center;
		}

	#footer a:link {
		color: #808080;
		text-decoration:  none;
		border-bottom:    thin dotted #808080;
		}

	#footer a:visited {
		color: #808080;
		text-decoration: none;
		border-bottom: thin dotted #808080;
		}

	#footer a:hover {
		color: #808080;
		text-decoration: none;
		border-bottom: thin dotted #f1037f;
		}
        
div.clear {
	clear: both;
	font-size: 0%;
	line-height: 0%;
	width: 100%;
	}

Hello, I'm trying to a create blog like web site. Since my html knowledge is very limited I decided to use a free web layout provided by Gorotron.com. The template I chose is called "Audiophile". The problem is the Audiophile template will not display correctly when IE 7 is used. The template displays perfect in Firefox 3 and IE 6 but not IE 7.

I've contacted the user who created this template but I have not received response in weeks. If anyone has a solution how to correct this problem I would appreciate your help

Snapshot of Problem:http://i35.tinypic.com/am2nme.png
How it should look: http://i34.tinypic.com/1hc7z4.png
Original HTML File: http://www.gorotron.com/templates/audiophile.zip

Thanks in Advance.

HELP!!!!

If the following site is opened in IE, most of the thumbnails won't show. The thumbnail actual images are 40x30 pixels - so no resizing going on. Yet in the FrontPage browser, they all show.

If opened in FireFox, the thumbnails will all show - I just won't get the vertical scroll bar on the thumbnails from the DIV tags.

Very straight forward HTML. What's the problem?

Web page with the thumbnail problem:
http://www.bryanborough.com/750iL/LADRegulatorValve/

Thanks ahead!

Buffbuh

Hope someone can help me. I am not very good in coding but i am sure this method works.

Let's say i have two html file name as "x.htm" and "y.htm" that mainly reflect movement. It look like as attached (1.jpg).

I have a main file also form by html. Mainly using iframe, based on 1.jpg, i have many rows but my iframe height="30", i only want to display only relevant date. Let say there is a text box for me to type a date. after i enter the date, it will display only the date. Something like (2.jpg) if i type 2 on the textbox


below is my main file coding.

Code:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; 

charset=iso-8859-1" />
<title>Untitled Document</title>
</head>
 X Movement <IFRAME src="x.htm" width="400" height="30" 

scrolling="NO" frameborder="1">
</IFRAME><br><br>
Z Movement <IFRAME src="z.htm" width="400" height="30" 

scrolling="NO" frameborder="1">
</IFRAME>
<body>
</body>
</html>

Please tell me how can i do.

I have this code on a page but the text that is shows does not render all the way on the page is cuts off for some reason...this is the code in the div that it is wrapped in... Can anyone help me out..i just want to make sure i can see all my data on the page atleast some scrollbars or something....

<div style="padding:4px; width:1000px;">
<div style="background-color:Grey; width:100%; height:900px;">
<asp:UpdatePanel ID="UpdatePanel1" runat="server" RenderMode="Inline" UpdateMode="Conditional" >
<ContentTemplate>
<table width="100%" style="height:900" cellpadding="0" cellspacing="">
<tr>
<td class="DetailsTitle">
<asp:Image ID="imgIcon" runat="Server" />
<b><asp:Label ID="lblExportId" runat="Server" /></b><br />
<asp:Literal ID="litTransactionDate" runat="server" /><br />
<hr />
</td>
</tr>
<tr>
<td class="DetailsContents">
<asp:Literal ID="litLogDetail" runat="server" />
</td>
</tr>
</table>
</div>
</ContentTemplate>
<Triggers>
<asp:AsyncPostBackTrigger ControlID="UiQuickBookLogs" EventName="SelectCommand" />
</Triggers>
</asp:UpdatePanel>

Hi all,

I am building a small website and I am creating the template at the moment. The template displays fine in FF & Safari but not in IE6 or IE7.

Here is the site: Clicky

In IE something is pushing the design!

It's a really simple design but I'm at a loss as to how to correct the IE problem!

Here is the html:

Code:

<HTML>
<HEAD>
<TITLE>Copy of home</TITLE>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
</HEAD>
<BODY BGCOLOR=#FFFFFF LEFTMARGIN=0 TOPMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0>
<!-- ImageReady Slices (Copy of home.jpg) -->
<TABLE BORDER=0 CELLPADDING=0 CELLSPACING=0>
	<TR>
		<TD><IMG SRC="images/template_01.jpg" WIDTH=18 HEIGHT=21 ALT=""></TD>
		<TD><IMG SRC="images/template_02.jpg" WIDTH=727 HEIGHT=21 ALT=""></TD>
		<TD><IMG SRC="images/template_03.jpg" WIDTH=24 HEIGHT=21 ALT=""></TD>
	</TR>
	<TR>
		<TD><IMG SRC="images/template_04.jpg" WIDTH=18 HEIGHT=540 ALT=""></TD>
		<TD bgcolor="#7F0029">
			<TABLE BORDER=0 CELLPADDING=0 CELLSPACING=0>
			  <TR>
				<TD><IMG SRC="images/template_05_01.jpg" WIDTH=229 HEIGHT=97 ALT=""></TD>
				<TD><IMG SRC="images/template_05_02.jpg" WIDTH=448 HEIGHT=97 ALT=""></TD>
				<TD><IMG SRC="images/template_05_03.jpg" WIDTH=50 HEIGHT=97 ALT=""></TD>
			  </TR>
			  <TR>
				<TD><IMG SRC="images/template_05_04.jpg" WIDTH=229 HEIGHT=87 ALT=""></TD>
				<TD colspan="2"><IMG SRC="images/header.jpg">
				</TD>
			  </TR>
			  <TR>
				<TD><IMG SRC="images/template_05_07.jpg" WIDTH=229 HEIGHT=306 ALT=""></TD>
				<TD><IMG SRC="images/template_05_08.jpg" WIDTH=448 HEIGHT=306 ALT=""></TD>
				<TD><IMG SRC="images/template_05_09.jpg" WIDTH=50 HEIGHT=306 ALT=""></TD>
			  </TR>
			  <TR>
				<TD><IMG SRC="images/template_05_10.jpg" WIDTH=229 HEIGHT=50 ALT=""></TD>
				<TD><IMG SRC="images/template_05_11.jpg" WIDTH=448 HEIGHT=50 ALT=""></TD>
				<TD><IMG SRC="images/template_05_12.jpg" WIDTH=50 HEIGHT=50 ALT=""></TD>
			  </TR>
			</TABLE>
		</TD>
		<TD><IMG SRC="images/template_06.jpg" WIDTH=24 HEIGHT=540 ALT=""></TD>
	</TR>
	<TR>
		<TD><IMG SRC="images/template_07.jpg" WIDTH=18 HEIGHT=21 ALT=""></TD>
		<TD><IMG SRC="images/template_08.jpg" WIDTH=727 HEIGHT=21 ALT=""></TD>
		<TD><IMG SRC="images/template_09.jpg" WIDTH=24 HEIGHT=21 ALT=""></TD>
	</TR>
</TABLE>
<!-- End ImageReady Slices -->
</BODY>
</HTML>

If anyone can point me in the right direction I would really appreciate it!

Thanks

when working locally in the latest Version of IE. They show up fine in FireFox. I searched the forum but it didn't turn any thing up. I tried my setting in IE but can't figure this out. Does anyone have a simple fix for this?

Thanks....tg

I am using IE and for some reason PNG images specified using an <img> tag display blank. I know the files exist as there is no 'X' where the image is supposed to be but I can't see them. If I change to using a JPG then the images appear.

My code is extremely simple and looks like:

Code:

<html><body><img src="images/test.png"></body></html>

I have tried using width and height parameters but it only changes the size of the blank area.

Does the <img> tag support PNG images? Is there some other reason why the images display blank?