JavaScript - Not Displaying Code From .php Script On Html Page

Hello all,
i am new to this forum..

i am validating a form and displaying results..
but, instead of displaying the result in popup(alert), i need to display it as a text that disappears after a few seconds..

Code:

function valtext()
	{
	if(document.getElementById("functional").value == "")
	{
		document.getElementById("label").innerHTML=message;
		startTimer();
	}
	}	

function hideMessage() 
	{
		document.getElementById("label").style.display="none"; 
		clearTimeout(tim);
	}

	function startTimer() 
	{
		tim = setTimeout("hideMessage()",3000);  
	}

i did it using the above code.. but my problem is, i cant check it the second time, without reloading the page..
how to do it without refreshing the page and i want to add a bg color to that warning.. how to do that..
and, is there anyother way of doing it?
any help is much appreciated.. and thanks

Hi, I'm new to Javascript, so bear with me.

I'm trying to use a script that replaces the contents of a div, based on div id's. I've gotten it to work how I want he

http://www.sixnations.be/home1.html

But can't get it to work here, and I'm not sure why:
http://www.sixnations.be/menu.html

Relevent code, Javascript:

Code:

function changeMenu(obj) {

    if (obj == 'food') {
        //alert('food');
        var fd = document.getElementById('food');
        fd.style.display = 'inline';
        var fdi = document.getElementById('foodImages');
        fdi.style.display = 'inline';
        var dr = document.getElementById('drink');
        dr.style.display = 'none';
        var dri = document.getElementById('drinkImages');
        dri.style.display = 'none';
    }
    else if (obj == 'drink') {
        //alert('drink');
        var fd = document.getElementById('food');
        fd.style.display = 'none';
        var fdi = document.getElementById('foodImages');
        fdi.style.display = 'none';
        var dr = document.getElementById('drink');
        dr.style.display = 'inline';
        var dri = document.getElementById('drinkImages');
        dri.style.display = 'inline';
    }
}

HTML (the data's tabular, hence the tables):

CSS:

Code:

/*-- MAIN CONTENT --*/

.maincont {
	width: 930px;
	margin: auto;
	margin-top: 10px;
	overflow: auto;
}

.backcont {
	position: relative;
	width: 620px;
	margin-right: 296px;
}

.backrightcont {
	float: right;
	width: 296px;
}

.backtop,
#info_En,
#info_Fr,
#info_It,
#drink,
#food,
.backrighttop {		
	background-image: url(../sixnations_images/backtop.png);
	background-repeat: repeat-x;
	background-position: bottom;
	border-right: 1px solid #21201C;
	border-left: 1px solid #21201C;	
	width: 100%;
	height: 57px;
	text-align: center;
}

.backbottom {
	background-image: url(../sixnations_images/backbottom.png);
}


#info_En,
#info_Fr,
#info_It,
#food,
#drink {
	background-image: url(../sixnations_images/contentback4.png);
	background-repeat: repeat;
	padding-bottom: 30px;
	text-align: left;
	height: auto;	
}

.backright,
.backrighttop,
.backrightbottom {
	width: 100%;
}

.backright {
	background-image: url(../sixnations_images/backright.png);		
}

.backrighttop {
	background-image: url(../sixnations_images/backtop2.png);
	background-position: top;
	border: 0;	
}	

.backrightbottom {
	height: 50px;
	background-image: url(../sixnations_images/backrightbottom.png);
	border: 0;
}

.backrighttop h1,
.backright h1 {
	font-family: 'Cambria', Palatino, Georgia, serif;
	font-size: 1.6em;
	color: #eee;
	line-height: 70px;
	text-align: center;	
}

.backright h1 {
	width: 95%;
	line-height: normal;
	border-top:1px dashed #333;
	padding-top: 15px;
}

#noborder {
	border:0;
}

.twitter {
	margin-left: 15px;
}

#info_Fr,
#info_It,
#drink
{
    display: none;
}

.lang,
#info_En p,
#info_En h1,
#info_Fr p,
#info_Fr h1,
#info_It p,
#info_It h1,
#food h1,
#food p,
#drink h1,
#drink p {
	width: 71%;
	margin: auto;
}

#info_En h1,
#info_Fr h1,
#info_It h1,
#food h1,
#drink h1 {
	font-family: 'GothamBook','Cambria', Georgia, serif;
	font-size: 2.5em;
	color: #000;
	padding-bottom: 10px;
	padding-top: 20px;
	margin-bottom: 15px;
	font-variant: small-caps;
	letter-spacing:.1em;
	text-align: center;
	border-bottom: 1px dashed #777;
}

.lang {
    margin-top: 35px;   
    padding-top: 5px; 
	border-top: 1px dashed #777;
    font-size: 1em;
	font-variant: small-caps;
    text-align: right;
    color: #777;
}
 
.lang a:hover {
	background-color: #777;
	color: #eee;
} 

/*-- MAIN CONTENT -- SPORTS ON TV / FOOD & DRINK --*/

table.sports,
table.menu1 {
	width: 90%;
	margin: auto;
}

table.sports thead td,
table.menu1 thead td {
	font-size: 1.3em;
	font-variant: small-caps;
	color: #777;
	border-bottom: 1px dotted #999;
	width: 100%; 
	padding-top: 20px;
}

table.sports tr,
table.menu1 tr {
	border-bottom: 1px dotted #999;
}

table.menu1 tr {
	border: 0;
}

table.sports td {
	padding: 7px;
}

table.menu1 td {
	border:0;
	padding: 8px;
}

table.sports td.foot,
table.sports td.rugby  {
	background-image: url(../sixnations_images/ball1.png);
	background-repeat: no-repeat;
	background-position: bottom left;
	padding-left: 35px;
}

table.sports td.foot {
	background-image: url(../sixnations_images/ball2.png);
}

table.menu1 td.desc {
	color: #888;
	font-style: italic;
	padding-top: 0px;
	font-size: .9em;
}

Any ideas?

I'm trying to get my Client Side Firefox DHTML app to display a list of eBooks. For this, i have the following files

F:\Textbooks.html
F:\eBooks.txt
F:\FirstBook.txt
F:\SecondBook.txt
F:\ThirdBook.txt


textbooks.html is my DHTML app
eBooks.txt is the Library file with a listing of all of my eBooks.
Inside of eBooks.txt is the following data:
-----------------
FirstBook.txt,
SecondBook.txt,
ThirdBook.txt,
-----------------

FirstBook.txt to ThirdBook.txt are my actual ebooks.


The problem that i'm having is that When i try to click on any buttons other than the FirstBook button, i get the following error:

----------------------------------
Error: unterminated string literal
Source File: file:///F:/Textbooks.html
Line: 1, Column: 10
Source Code:
LoadEbook('
----------------------------------

So, unlike clicking on the FirstBook button, these other buttons do not load the eBook data into the DIV for displaying the eBook data.

I use the DOM insepector to checkout the DOM of the button code, and it seems like whitespace maybe is the problem. However, i have removed whitespace from the HTMLdata string, and that's not fixing the problem.

did i forget something silly? LOL

i'm using FireFox 3.5 to develop this App. So obviously this will not work with anything other than Gecko Based browsers.

here is my HTML code:


<html>
<head>
<script language="JavaScript">
var eBookLibrary = "eBooks.txt";
var SystemPath = "f:" + String.fromCharCode(92)

function Init()
{
// Initialize the eBook reader
document.getElementById("EbookCanvas").style.visibility = "hidden";
document.getElementById("EbookToolbar").style.visibility = "visible";
document.getElementById("FileManager").style.visibility = "visible";



// Load the List of eBooks in the Library
LoadBookList();
}

function UpdateEbookList()
{
// Update the Library of Ebooks
alert("Updating eBook Library");

// Go back to the File Manager, and Reload the List of Ebooks
LoadBookList();
}

function LoadBookList()
{
// This will load the list of books that are available
var EbookList = LoadFromDisk(SystemPath + eBookLibrary);
var EbookListArray = EbookList.split(",");

for(var x = 0; x < EbookListArray.length -1; x++)
{
// Strip the Filename Extension off of the eBook File Name
// The Name of the Book is always the first Index in the Array
var BookName = EbookListArray[x].split(".");
// Remove the weird whitespace - it screws things up...i think...
BookName[0] = BookName[0].replace(/(^\s*|\s*$)/g, "");

var HTMLdata = HTMLdata + "<input type='button' value='" + "FirstBook" + "'" + " onClick=LoadEbook('" + EbookListArray[x] + "');><br>";
}

// For some ****ed up reason the first string always generates an 'undefined' even though it's nonsense
// So just delete that from the HTMLdata string, because it's just ugly - LOL
HTMLdata = HTMLdata.replace("undefined", "");
HTMLdata = HTMLdata.replace("", " ");

// Write the HTML data to the DIV
document.getElementById("FileManager").innerHTML = HTMLdata;
}

function LoadEbook(EbookName)
{
// Hide the File Manager and Show the Ebook Canvas
document.getElementById("FileManager").style.visibility = "hidden";
document.getElementById("EbookCanvas").style.visibility = "visible";
document.getElementById("EbookToolbar").style.visibility = "visible";

// Load the Ebook content into the Ebook Reader Pannel

var EbookContent = LoadFromDisk(SystemPath + EbookName);

document.getElementById("EbookCanvas").innerHTML = EbookContent;
}

function LoadFromDisk(filePath)
{
if(window.Components)
try
{
netscape.security.PrivilegeManager.enablePrivilege("UniversalXPConnect");
var file = Components.classes["@mozilla.org/file/local;1"].createInstance(Components.interfaces.nsILocalFile);
file.initWithPath(filePath);
if (!file.exists())
return(null);
var inputStream = Components.classes["@mozilla.org/network/file-input-stream;1"].createInstance(Components.interfaces.nsIFileInputStream);
inputStream.init(file, 0x01, 00004, null);
var sInputStream = Components.classes["@mozilla.org/scriptableinputstream;1"].createInstance(Components.interfaces.nsIScriptableInputStream);
sInputStream.init(inputStream);
return(sInputStream.read(sInputStream.available()));
}
catch(e)
{
//alert("Exception while attempting to load\n\n" + e);
return(false);
}
return(null);
}
</script>
</head>

<body onLoad="Init();">

<div id="FileManager" style="position: absolute; top: 0px; left: 0px; visibility: visible;">
The eBook Library's List of Books will be listed here.
Click on one to open it in the eBook Reader
</div>
<br>
<div id="EbookCanvas" style="position: absolute; top: 0px; left: 0px; visibility: hidden;">
</div>
<br>

<div id="EbookToolbar" style="position: absolute; top: 100px; left: 0px;">
<input type="button" value="Open" OnClick="Init();">
<input type="button" value="Update" OnClick="UpdateEbookList();">
<input type="button" value="Exit" OnClick="MainMenu();">
</div>


</body>
</html>

Hello everyone, my 1st post here and my 1st day with javascript!

I am having some problems with the below script:

Code:

<html>
<head>
<title></title>
<script type="text/javascript">

var electronics = ["mobiles", "hi-fi"];
var entertainment = ["books", "dvds",];

 
 function check(checkboxid) {  
 document.getElementById(checkboxid).checked = "checked";  
 }  
 
function visiblox(arrDiv, hs) {
	var disp = (hs) ? "none" : "block";
	for(var x = 0; x < arrDiv.length; x++) {
		document.getElementById(arrDiv[x]).style.display = disp;
	}
}

function chk(what, item) {
	if(item) {
		visiblox(what, false);
	} else {
		visiblox(what, true);
	}
	
}
</script>
<style type="text/css">
<!--

.hide
{
	display: block;
}

.hide
{
	display: none;
}
-->
</style>
</head>
<body>

<img src="images/electronics.png" onclick="check('electronics');"> 
<input type="checkbox" id="electronics" onchange="chk(electronics, this.checked);" >  <br>
 
<input type="checkbox" onclick="chk(entertainment, this.checked);"> Entertainment<br>
<br>

<br>

<div id="mobiles" class="hide">Mobiles</div><br>
<div id="hi-fi" class="hide">Hi-Fi</div><br>
<div id="books" class="hide">Books</div><br>
<div id="dvds" class="hide">DVD's</div><br>


</body>
</html>

Basically what happens is, when you select a checkbox it displays the relevant divs, this works fine with the entertainment checkbox in the code.

What I am trying to achieve is use an image to trigger the checkbox (which will be hidden) and the run the chk code to display the divs

What actually happens when you click the image the checkbox does become checked, however the divs do not display, if I uncheck the checkbox itself and then check the actual checkbox then it works.

Basically getting very frustrated as I can't seem to see whats wrong! I am guessing that for some reason the check code stops the chk running, but I dont know why!
Many thanks for any help

favorite


I'd like to modify a form on www.formsite.com (form builder app):

username: testuser password: password

I would like to use the nicedit.com's inline content editor's js to transform my textarea's into a richtext area. At present the nicedit editor works well in creating the richtextarea. However, the KEY point is that I would like formsite's form to pipe in the the created html and render it with the html component of formsite. Currently, the pipe function in formsite will only put out the html syntax in it's html module.

action seen he http://fs8.formsite.com/testform/form1/index.html

So this would be: 1. checking out my form on formsite.com 2. the script from nicedit.com is already installed in an html component. 3. changing or telling me the scripts/tags/or whatever for formsite form using formsites form builder (which allows some html/script editing). 4. changed so as to render the rich text entered on page 1 in page 2 instead of the html syntax.

Any other solutions using formsite and any other richtextarea solutions would be great too!

Hi guys.. I really need a bit of help.. is anyone looking at this good with JS?

I have a php form validation script but i think its a bit slow and would rather a JS script instead...

here is what i have in php..

PHP Code:
    <?php
  if(isset($_POST['submit']))
      {
          $firstName = $_POST['firstName'];
          $lastName = $_POST['lastName'];
          $email = $_POST['email'];
          $mobile = $_POST['mobile'];
          $comments = $_POST['comments'];
         
          $errors = array();
          
        function display_errors($error)
          {
          echo "<p class=\"formMessage\">";
          
          
            echo $error[0];
            
            echo "</p>";
          }  
          
         function validateNames($names) 
        {
        return(strlen($names) < 3);
        } 
        
        function validateEmail($strValue) 
        {
           $strPattern = '/([A-Z0-9._%+-]+@(?:[A-Z0-9-]+\.)+[A-Z]{2,4})/sim';
           return(preg_match($strPattern,$strValue));
        } 
        
        function validateMobile($strValue) 
        {
           $strPattern = '/^\d{10}$/';
           return(preg_match($strPattern,$strValue));
        } 
        
        function validateComments($comments) 
        {
        return(strlen($comments) < 10);
        } 
        
        if(validateNames($firstName)) 
        {    
        $errors[] = 'Please Enter Your First Name';    
        }
        
         if(validateNames($lastName)) 
        {    
        $errors[] = 'Please Enter Your Second Name';    
        }
        
          
        if(!validateEmail($email)) 
        {    
        $errors[] = 'Please Enter Your Correct Email';    
        }
        
        if(!validateMobile($mobile)) 
        {    
        $errors[] = 'Please Enter Your Correct Mobile Number';    
        }
        
        if(validateComments($comments)) 
        {    
        $errors[] = 'Please Enter A Comment More Than 10 Characters';    
        }


          if(empty($errors))
          {
            $to = "info@eventpromotion.ie";
            $subject = "Event Promotion Enquiry!";
            $body = 
             "First Name: " . $_POST['firstName'] .
             "\nLast Name: " . $_POST['lastName'] .
             "\nEmail: " . $_POST['email'] .  
               "\nMobile: " . $_POST['mobile'] . 
             "\nMessage: " . $_POST['comments'];
              $headers = "From: ". $firstName ." ". $lastName . " <" . $email . ">\r\n";


          if (mail($to, $subject, $body, $headers)) {
            echo("<p class=\"formMessage\">Thanks for submitting your enquiry.</p>");
            }
            else
            {
            echo("<p class=\"formMessage\">Message delivery failed.</p>");
            }
          }
          else
          {
          //echo "error";
         display_errors($errors);
          }    
      }                   
?>
    <form id="form" method="post" action="index.php#quickContact"> 
              <p> 
                <label>First Name</label><br /> 
                <input type="text" name="firstName" value="<?php if(isset($firstName)){echo $firstName;} ?>" />      
            </p> 
            <p> 
                <label>Last Name</label><br /> 
                <input type="text" name="lastName" value="<?php if(isset($lastName)){echo $lastName;} ?>" />      
            </p> 
              <p> 
                <label>Email:</label><br /> 
                <input type="text" name="email" value="<?php if(isset($email)){echo $email;} ?>" /> 
                
            </p>               
            <p> 
                <label>Mobile:</label><br /> 
                <input type="text" name="mobile" value="<?php if(isset($mobile)){echo $mobile;} ?>" /> 
                
            </p>                                  
            <p> 
                <label>Comments:</label> <br />
                <textarea name="comments" cols="30" rows="3" ><?php if(isset($comments)){echo $comments;} ?></textarea>    
            </p> 
            <p>    <input class="send" type="image" src="images/submit2.gif" name="submit" value="Submit"  /></p> 
  </form>

does anyone know how to transfer this to JS so that it will be easy to understand.. Im not good with JS at all

Hi,

I'm having problems displaying images on a site. Basically I have a to change an image each time a button is pressed on a piece of hardware.

This is the code to detect a button press

Code:

	// Check Button
	tstileo = new Image();
	tstilec = new Image();
	tstileo.src = '/images/1.jpg';
	tstilec.src = '/images/2.jpg';
	
	document.getElementById('btn0').innerHTML = (getXMLValue(xmlData, 'btn0') == 'up') ? document.Image=(tstileo): document.Image=(tstilec);

So when the button is pressed/unpressed it should display tstileo and tstilec

What format should my HTML code be to display the image ?

This is whats there at the moment

Code:

<span id="btn0">?</span></p>

When running all I get is text saying Code:

 [OBJECT HTMLImageElement]

This site is being hosted on a microchip, btn0 is a press button switch on the board. The idea is to use this as a remote monitoring system. It runs Javascript XML HTML and CSS.

Any help would be greatly appreciated, I have spent hours searching for a way to do this ( simple ? ) task but haven't got any further than this.

Thanks

Jay

Hello, I am building a charirty website and having a great deal of trouble with a page that has a Piecemaker slideshow and a fancybox modal window.

When you click on the modal window it launches correctly, but it is also displaying the Piecemaker slideshow over the top of it.

What I want is for the Piecemaker slideshow to flow as it is on the page and when you click on the link for the Modal window, for just the modal window to open (hope that makes sense)

the web page is : www.imovecornwall.org/index.htm

the html for the page is:

<title>imove estate agents cornwall, not for profit low cost online estate
agents</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>

<script type="text/javascript" src="fancybox_multiple/fancybox/fancybox/jquery.mousewheel-3.0.4.pack.js"></script>
<script type="text/javascript" src="fancybox_multiple/fancybox/fancybox/jquery.fancybox-1.3.4.pack.js"></script>
<link rel="stylesheet" type="text/css" href="fancybox_multiple/fancybox/fancybox/jquery.fancybox-1.3.4.css" />
<link rel="stylesheet" href="fancybox_multiple/fancybox/style.css" />

<script type="text/javascript">
$(document).ready(function() {

$("a.pop").fancybox({
'overlayColor' : '#000',
'overlayOpacity' : 0.8
});

$("a.pop2").fancybox({
'overlayShow' : false,
'transitionIn' : 'elastic',
'transitionOut' : 'elastic'
});
});
</script>

<script type="text/javascript">

var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-10061181-2']);
_gaq.push(['_trackPageview']);

(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();


function FP_changePropRestore() {//v1.0
var d=document,x; if(d.$cpe) { for(i=0; i<d.$cpe.length; i++) { x=d.$cpe[i];
if(x.v=="") x.v=""; eval("x."+x.n+"=x.v"); } d.$cpe=null; }
}

function FP_changeProp() {//v1.0
var args=arguments,d=document,i,j,id=args[0],o=FP_getObjectByID(id),s,ao,v,x;
d.$cpe=new Array(); if(o) for(i=2; i<args.length; i+=2) { v=args[i+1]; s="o";
ao=args[i].split("."); for(j=0; j<ao.length; j++) { s+="."+ao[j]; if(null==eval(s)) {
s=null; break; } } x=new Object; x.o=o; x.n=new Array(); x.v=new Array();
x.n[x.n.length]=s; eval("x.v[x.v.length]="+s); d.$cpe[d.$cpe.length]=x;
if(s) eval(s+"=v"); }
}

function FP_getObjectByID(id,o) {//v1.0
var c,el,els,f,m,n; if(!o)o=document; if(o.getElementById) el=o.getElementById(id);
else if(o.layers) c=o.layers; else if(o.all) el=o.all[id]; if(el) return el;
if(o.id==id || o.name==id) return o; if(o.childNodes) c=o.childNodes; if(c)
for(n=0; n<c.length; n++) { el=FP_getObjectByID(id,c[n]); if(el) return el; }
f=o.forms; if(f) for(n=0; n<f.length; n++) { els=f[n].elements;
for(m=0; m<els.length; m++){ el=FP_getObjectByID(id,els[n]); if(el) return el; } }
return null;
}

function FP_swapImgRestore() {//v1.0
var doc=document,i; if(doc.$imgSwaps) { for(i=0;i<doc.$imgSwaps.length;i++) {
var elm=doc.$imgSwaps[i]; if(elm) { elm.src=elm.$src; elm.$src=null; } }
doc.$imgSwaps=null; }
}

function FP_swapImg() {//v1.0
var doc=document,args=arguments,elm,n; doc.$imgSwaps=new Array(); for(n=2; n<args.length;
n+=2) { elm=FP_getObjectByID(args[n]); if(elm) { doc.$imgSwaps[doc.$imgSwaps.length]=elm;
elm.$src=elm.src; elm.src=args[n+1]; } }
}

function FP_preloadImgs() {//v1.0
var d=document,a=arguments; if(!d.FP_imgs) d.FP_imgs=new Array();
for(var i=0; i<a.length; i++) { d.FP_imgs[i]=new Image; d.FP_imgs[i].src=a[i]; }
}
</script>
</head>

<body background="images/bg.gif" onload="FP_preloadImgs(/*url*/'images/redbadge.png')">

<div style="position: absolute; width: 1001px; height: 606px; z-index: 2; left: 92px; top: 190px" id="layer2">
<div style="position: absolute; width: 566px; height: 44px; z-index: 1; left: 414px; top: 676px" id="layer9" align="right">
<font face="Trebuchet MS" size="1">Copyright 2011 . imove cornwall . not
for profit estate agents in cornwall . a community lead social
enterprise</font><p><font face="Trebuchet MS" size="1">
imove estate agents cornwall, cornwall estate agents, imove cornwall,
imove, i move, not for profit estate agents, estate agents in cornwall,
houses for sale in cornwall, sell privately, private house sales
cornwall, i move cornwall, i move estate agents</font></div>
<img border="0" src="images/c-head.png" width="980" height="40"><div style="position: absolute; width: 420px; height: 415px; z-index: 2; left: 0px; top: 40px; border-left: 1px solid #DEDBD2; border-right: 1px solid #DEDBD2" id="layer10" align="left">
<div style="position: absolute; width: 1001px; height: 100px; z-index: 1; left: -2px; top: 495px" id="layer11">
<a title="click here for information about imove estate agents" href="about/index.htm">
<img border="0" src="images/_front-small_2.png" width="327" height="135" alt="imove estate agents cornwall"></a><a href="search.htm"><img border="0" src="images/_front-small2_blank3.png" width="324" height="135"></a><a href="sell.htm"><img border="0" src="images/_front-smallr_blank.png" width="330" height="135"></a></div>
<p align="center">
<object classid="clsid27CDB6E-AE6D-11CF-96B8-444553540000" id="obj1" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" border="0" width="978" height="495">
<param name="movie" value="piecemaker.swf">
<param name="quality" value="High">
<embed src="piecemaker.swf" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" name="obj1" width="978" height="495"></object>
</div>
<address>
<a href="sell.htm">
<img border="0" src="resized_png_images/head_new_template.png" width="980" height="416"></a></address>
<address>
&nbsp;</address>
<address>
&nbsp;</address>
</div>
<div style="position: absolute; width: 191px; height: 227px; z-index: 1; left: 93px; top: 11px" id="layer1">
<p align="center">
</p>
<address align="left">
<img border="0" src="images/logo_2_72dpi_small.png" width="177" height="176"></address>
<address align="center">
&nbsp;</address>
<p align="left">
&nbsp;</p>
<p align="center">&nbsp;</div>

<div style="position: absolute; width: 116px; height: 121px; z-index: 4; left: 1020px; top: 34px" id="layer36">
<a title="Click here to sell with imove" href="sell.htm">
<img border="0" src="images/bluebadge.png" width="133" height="133" id="img1" onmouseout="FP_swapImgRestore()" onmouseover="FP_swapImg(1,1,/*id*/'img1',/*url*/'images/redbadge.png')"></a></div>




<p align="center">&nbsp;</p>




<div style="position: absolute; width: 171px; height: 58px; z-index: 3; left: 327px; top: 61px" id="layer33">

<a class="pop" href="resized_png_images/modal1.png" rel="group1">
<img alt="" src="resized_png_images/tick2.png" border="0" align="left" /></a><address>
<span style="font-style: normal"><font face="Myriad Pro" size="1">&nbsp;</font></span></address>
<address>
<span style="font-style: normal"><font face="Myriad Pro">Not for
profit</font></span></address>
</div>




<div style="position: absolute; width: 225px; height: 58px; z-index: 3; left: 522px; top: 61px" id="layer34">

<address>
<span style="font-style: normal">

<a class="pop" href="resized_png_images/modal2.png" rel="group1">
<img alt="" src="resized_png_images/tick2.png" border="0" align="left" /></a></span></address>
<address>
<font size="1"><span style="font-style: normal">&nbsp;</span></font></address>
<address>
<span style="font-style: normal"><font face="Myriad Pro">Cost
effective</font></span></address>
</div>




<div style="position: absolute; width: 282px; height: 58px; z-index: 3; left: 721px; top: 61px" id="layer35">

<address>
<span style="font-style: normal">

<a class="pop" href="resized_png_images/modal3.png" rel="group1">
<img alt="" src="resized_png_images/tick2.png" border="0" align="left" /></a></span></address>
<address>
<font size="1"><span style="font-style: normal">&nbsp;</span></font></address>
<address>
<span style="font-style: normal"><font face="Myriad Pro">Supporting
local good causes</font></span></address>
</div>




<p align="center">&nbsp;</p>
<p align="center">&nbsp;</p>
<div style="position: absolute; width: 657px; height: 50px; z-index: 3; left: 262px; top: 194px" id="layer13">
<div style="position: absolute; width: 130px; height: 44px; z-index: 1; left: 679px; top: 1px" id="layer14">
<a title="Join us on Facebook" href="http://www.facebook.com/pages/Truro-United-Kingdom/Imove-cornwall/121184304626633">
<img border="0" src="FaceBook-icon.png" width="33" height="33"></a>&nbsp;&nbsp;
<img border="0" src="Twitter-icon.png" width="33" height="33">&nbsp;&nbsp;
<img border="0" src="Feed-icon.png" width="33" height="33"></div>
<p><font face="Myriad Pro">
<a title="Back to the Homepage" href="index.htm" style="text-decoration: none">
<font color="#000000" id="id1" onmouseout="FP_changePropRestore()" onmouseover="FP_changeProp(/*id*/'id1',1,'style.fontFamily','Myriad Pro','style.fontSize','12pt','style.textDecoration','underline','style.color','#000000')">
home</font></a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<a title="About imove" style="text-decoration: none" href="about/index.htm">
<font color="#000000" id="id2" onmouseout="FP_changePropRestore()" onmouseover="FP_changeProp(/*id*/'id2',1,'style.textDecoration','underline','style.color','#000000','style.fontFamily','Myriad Pro','style.fontSize','12pt')">
about</font></a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<a title="Property for sale with imove" href="search.htm" style="text-decoration: none">
<font color="#000000" id="id3" onmouseout="FP_changePropRestore()" onmouseover="FP_changeProp(/*id*/'id3',1,'style.textDecoration','underline','style.color','#000000','style.fontSize','12pt','style.fo ntFamily','Myriad Pro')">
property search</font></a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<a title="Sell your property with imove" href="sell.htm" style="text-decoration: none">
<font color="#000000" id="id4" onmouseout="FP_changePropRestore()" onmouseover="FP_changeProp(/*id*/'id4',1,'style.fontFamily','Myriad Pro','style.fontSize','12pt','style.textDecoration','underline','style.color','#000000')">
sell your property</font></a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<a title="Support for existing customers of imove" href="support.htm" style="text-decoration: none">
<font color="#000000" id="id5" onmouseout="FP_changePropRestore()" onmouseover="FP_changeProp(/*id*/'id5',1,'style.fontFamily','Myriad Pro','style.fontSize','12pt','style.textDecoration','underline','style.color','#000000')">
support</font></a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<a title="Contact imove cornwall" href="contact.htm" style="text-decoration: none">
<font color="#000000" id="id6" onmouseout="FP_changePropRestore()" onmouseover="FP_changeProp(/*id*/'id6',1,'style.fontFamily','Myriad Pro','style.fontSize','12pt','style.textDecoration','underline','style.color','#000000')">
contact us</font></a></font></div>
<p align="center">&nbsp;</p>
<p align="center">&nbsp;</p>
<p align="center">&nbsp;</p>
<p align="center">&nbsp;</p>
<p align="center">&nbsp;</p>
<p align="center">&nbsp;</p>
<p align="center">&nbsp;</p>
<p align="center">&nbsp;</p>
<p align="center">&nbsp;</p>
<p align="center">&nbsp;</p>
<p align="center">&nbsp;</p>
<p align="center">&nbsp;</p>
<p align="center">&nbsp;</p>
<p align="center">&nbsp;</p>
<p align="center">&nbsp;</p>
<p align="center">&nbsp;</p>
<p align="center">&nbsp;</p>
<p align="center">&nbsp;</p>
<p align="center">&nbsp;</p>
<p align="center">&nbsp;</p>
<p align="center">&nbsp;</p>

</body>

</html>

PLease bear with me as I am a total newb to HTML and Jquery.

If someone could very kindly tell me where the problem is, I would very very much appreciate it.

Thank you for your time.

Hi there guys! My group is working on a basic document management system that includes four users. staff member, department director, division chief and clerk. The programming language that we used is PHP.

when staff member logs-in on his homepage and uploads a file he must choose reviewer from a dropdown menu that consists of dep. director and div. chief.

When he clicks the upload button the homepage of who he chose as reviewer should receive a prompt/alert box upon log-in saying "you have a document to review".

For example:
if he chose division chief as the reviewer when the person logs-in on his homepage a prompt/alert should display that he has something to review.

The code for uploading file is already up and working. We are looking for advice on how to integrate javascript in this system. Especially in the prompt part. thanks for your ideas.

Hey, i am just trying to learn javascript and my friend gave me a little assignment to try and figure out. i am having trouble figuring it out and need some help.

basically i just want to display the information in my associative array, into an html table.

var NFC_east = new Array();
NFC_east[0]=["Giants", 16, 0, "Eli Manning"];
NFC_east[1]=["Cowboys", 0, 16, "Tony Romo"];
NFC_east[2]=["Redskins", 0, 16, "Donnovan McNabb"];
NFC_east[3]=["Eagles", 0, 16, "Mike Vick"];

that's my array. now i need to display that in a table with a Team column, wins column, loses column, and a quarterback column.

i basically want to do this using a for loop, and he gave me a hint about using a nested while loop as well somehow. i know i need to use getElementById, id, and innerHTML stuff but i just don't know how to do it. i cant find anything to help me with this simple task, hoping someone here could help.

Hey the Title basically says I need a way to read the iframe url even when you navigate to a different page it will read again and keep tracking where the URL is on. Display the URL of the iFRame all the time how would I do this is it possible?

Javascript
HTML
PHP

Is used

I typed this code straight out of the book and it just doesn't seem to work. I have the headlines on the left side and when clicked the contents of the headline is supposed to show up in the text box on the right. Well, needless to say, nothing appears. Please someone tell me what I am doing wrong. I am not the only person in the class having this issue. Thanks a million.

Code:

<!DOCTYPE HTML>

<!--mwelborn-->
<!--Chapter 8 Page 475-->
<!--October 25, 2011 -->

<html>

<head>

<title>News Items</title>

<script type="text/javascript">
/* <![CDATA[ */

var newsItem1 = "L'AQUILA, ITALY (AP) - L'Aquila's
		 chief prosecutor announced an investigation
		 into allegations of shoddy construction as
		 people sill missing after a devastating
		 earthquake five days ago.
		 http://in.reuters. com/article/
		 idUSWBT01103020090411;

var newsItem2 = "WASHINGTON (Reuters) - President
		Barack Obama said on Friday the recession-
		hit US economy was showing 'glimmers of
		hope' despite remaining under strain and
		promised further steps in coming weeks to
		tackle the financial crisis.
		http://in.reuters.com/article.
		idUSWBT01103020090411";

var newsItem3 = "(eweek.com) - Apple is close to
		hitting 1 billion downloads from its App
		Store and plans on a prize giveaway fo
		whoever downloads the billionth application
		that includes a MacBook Pro and an iPod
		Touch. http://www.eweek.com/c/a/
		Application-Development/eWeek-Newsbreak
		-April-13-2009/";

var newsItem4 = "ATLANTA (AP) - Chipper Jones
		drove in two runs, including a tiebreaking
		single, and the Atlanta Braves beat
		Washington 8-5 on Sunday to hand the
		Nationals their sixth straight loss to
		start the season.
		http://www.newsvine.com/_news/2009/04/11
		2667835-jones-braves-beat-winless
		-nationals-8-5?category=sports";
/* ]] */
</script>
</head>

<body>

<form name="newsHeadlines" action=""  method="get">
	<table style="border: 0; width: 100%">
	      <tr valign="top">
		<td>
		     <select name="newsHeadlines" multiple="multiple"
		      style="height: 93px">

			<option onclick="document.newsHeadlines
			.news.value=newsItem1">
			Investigation of building standards in
			quake zone</option>

			<option onclick="document.newsHeadlines
			.news.value=newsItem2">
			Obama sees signs of economic progress</option>

			<option onclick="document.newsHeadlines
			.news.value=newsItem3">
			Apple App Downloads Approach 1 Billion</option>

			<option onclick="document.newsHeadlines
			.news.value=newsItem4">
			Jones, Baves beat winless Nationals 8-5</option>

		      </select>
		</td>
		<td>
		     	<textarea name="newsHeadlines" cols="50" rows="10"
		     	style="background-color: Transparent"></textarea>
		</td>
	      </tr>
	</table>
</form>

</body>
</html>

If I have a javascript var in a webpage(html form textarea VALUE - yui) that contains html code, and want to appear it, in confirmformpage.php, then how to transfer it...? is it really needed go via PHP ...? and ofcourse use innerHTML to write it....yes

I usually use an intermitened processform.php script.
http://developer.yahoo.com/yui/editor

/**
The <a> is a list of menu items that when clicked.... a specific gallery-slider-images should been shown in relation to the galleryId....<div class"gallery" is hidden in CSS> I'd like to use jQuery to complete this task if at all possible, I know it's prob SIMPLE to U GURU's but being new i can't seem to .show() the selected 'gallery' w/o showing them all........... BEST REGARDS _ STH

<div id="gallery-menu">
<?php foreach ($galleries as $gallery) : ?>
<a onclick="showGallery(<?= $gallery['gallery']['id'] ?>); return false;"><?= $gallery['gallery']['name'] ?>
<?php endforeach ?>
</div>

<?php foreach ($galleries as $gallery): ?>
<div id="<?= $gallery['gallery']['id'] ?>" class="gallery">
<div class="slider" style="width; 100%; height: 100%;">
<ul>
<?php foreach ($gallery['images'] as $image): ?>
<li class="galleries-container">
<img src="<?= UCMVC_APP_BASE_URL ?>/gallery/retrieve-image/<?= $image['id'] ?>" alt="<?= $image['name'] ?>" title="<?= $image['name'] ?>" />
</li>
<?php endforeach; ?>
</ul>
</div>
</div>
<?php endforeach; ?>


// javascript //

function showGallery(galleryId) {
????!?!?!?!?!
}

Ok guys if you look at this page www.runningprofiles.com/members/shout/view.php my code works great....

But when i add it to the rest of the script the code wont work shows he
http://www.runningprofiles.com/membe...ll_Script.php#


Below is view.php (the one that works)
and the one added to the code scirpt is the one the does not.


PHP Code:
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/
libs/jquery/1.3.0/jquery.min.js"></script>
<script type="text/javascript">
$(function() 
{
$(".view_comments").click(function() 
{
var ID = $(this).attr("id");

$.ajax({
type: "POST",
url: "viewajax.php",
data: "msg_id="+ ID, 
cache: false,
success: function(html){
$("#view_comments"+ID).prepend(html);
$("#view"+ID).remove();
$("#two_comments"+ID).remove();
}
});
return false;
});
});
</script>





<ol>
<?php

//Here $id is main message msg_id value.
$csql=mysql_query("select * from comments where msg_id_fk='130' order by com_id ");
$comment_count=mysql_num_rows($csql);
if($comment_count>2)
{
$second_count=$comment_count-2;
?>


<div class="comment_ui" id="view130">
<a href="#" class="view_comments" id="130">View all <?php echo $comment_count; ?> comments</a>
</div>


<?php 
} 
else 
{
$second_count=0;
}
?>




<div id="view_comments130"></div>
<div id="two_comments130">




<table width="30%">
<?php
$small=mysql_query("select * from comments where msg_id_fk='130' order by com_id limit $second_count,2 ");
while($rowsmall=mysql_fetch_array($small))
{ 
$c_id=$rowsmall['com_id'];
$comment=$rowsmall['comment'];
?>


<div class="comment_actual_text">



<tr>
    <td style="BORDER-RIGHT: black 1px solid; BORDER-TOP: black 1px solid; BORDER-LEFT: black 1px solid; BORDER-BOTTOM: black 1px solid" valign="top">
                   


 <table style="WIDTH: 100%; BORDER-COLLAPSE: collapse" align="left">
                     <tr>

                 <td width="5%" style="VERTICAL-ALIGN: middle; TEXT-ALIGN: center"><img style="WIDTH: 30px; HEIGHT: 30px" alt="srinivas" src="http://www.gravatar.com/avatar.php?gravatar_id=7a9e87053519e0e7a21bb69d1deb6dfe" border="1" /></td>
                 <td style="VERTICAL-ALIGN: top; TEXT-ALIGN: left">
                   <strong>Jarratt</strong> <?php echo $comment; ?>
                   <br /><span style="COLOR: #a9a9a9">10 min ago - ID = <?php echo $c_id;?> </span></td>
            
</tr> 
</table><br />
      </td>
  </tr>








</div>
<?php } ?>
</table>
</div>
</ol>

Facebook_Wall_Script.php

PHP 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=iso-8859-1" />
<title>9lessons Applicatio Demo</title>
<link href="frame.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.0/jquery.min.js"></script>
<script type="text/javascript" src="jquery.oembed.js"></script>
 
 <script type="text/javascript">
<script type="text/javascript">
$(function() 
{
$(".view_comments").click(function() 
{
var ID = $(this).attr("id");

$.ajax({
type: "POST",
url: "../viewajax.php",
data: "msg_id="+ ID, 
cache: false,
success: function(html){
$("#view_comments"+ID).prepend(html);
$("#view"+ID).remove();
$("#two_comments"+ID).remove();
}
});
return false;
});
});



$(function() {

$(".comment_button").click(function() {

var element = $(this);
   
    var boxval = $("#content").val();
    
    var dataString = 'content='+ boxval;
    
    if(boxval=='')
    {
    alert("Please Enter Some Text");
    
    }
    else
    {
    $("#flash").show();
    $("#flash").fadeIn(400).html('<img src="ajax.gif" align="absmiddle">&nbsp;<span class="loading">Loading Update...</span>');
$.ajax({
        type: "POST",
  url: "update_ajax.php",
   data: dataString,
  cache: false,
  success: function(html){
 
  $("ol#update").prepend(html);
  $("ol#update li:first").slideDown("slow");
  
   document.getElementById('content').value='';
   $('#content').value='';
   $('#content').focus();
  $("#flash").hide();
  
    
    $("#expand_url").oembed(boxval);
    
  }
 });
}
return false;
    });


/ Delete Wall Update

$('.delete_update').live("click",function() 
{
var ID = $(this).attr("id");
var dataString = 'msg_id='+ ID;
var parent=$("#bar"+ID);
    jConfirm('Are you sure you want to delete this message?', 'Confirmation Dialog', 
                
                    function(r) {
                    
                    
                    if(r==true)
                    {
$.ajax({
        type: "POST",
  url: "delete_update.php",
   data: dataString,
  cache: false,
  success: function(html){
 
 
    parent.slideUp(300,function() { parent.remove(); });
  }
 });

}
});
return false;
});//comment slide
$('.comment').live("click",function() 
{

var ID = $(this).attr("id");
$(".fullbox"+ID).show();
$("#c"+ID).slideToggle(300);

return false;
});


//commment Submint

$('.comment_submit').live("click",function() 
{

var ID = $(this).attr("id");

var comment_content = $("#textarea"+ID).val();
    
    var dataString = 'comment_content='+ comment_content + '&msg_id=' + ID;
    
    if(comment_content=='')
    {
    alert("Please Enter Comment Text");
    
    }
    else
    {
    
   
       $.ajax({
        type: "POST",
  url: "comment_ajax.php",
   data: dataString,
  cache: false,
  success: function(html){
  
 
  $("#commentload"+ID).append(html);
    document.getElementById("textarea"+ID).value='';
   
   $("#textarea"+ID).focus();
  
  }
 });
    
    
    }

return false;
});

// Delete Wall Update

$('.delete_update').live("click",function() 
{
var ID = $(this).attr("id");
var dataString = 'msg_id='+ ID;
var parent=$("#bar"+ID);
    jConfirm('Are you sure you want to delete this message?', 'Confirmation Dialog', 
                
                    function(r) {
                    
                    
                    if(r==true)
                    {
$.ajax({
        type: "POST",
  url: "delete_comment.php",
   data: dataString,
  cache: false,
  success: function(html){
 
 $("#comment"+ID).slideUp();
    
  }
 });
}
return false;
});




return false;

});


</script>


<style type="text/css">
body
{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}
.update_box
{
background-color:#D3E7F5; border-bottom:#ffffff solid 1px; padding-top:3px
}
a
    {
    text-decoration:none;
    color:#d02b55;
    }
    a:hover
    {
    text-decoration:underline;
    color:#d02b55;
    }
    *{margin:0;padding:0;}
    
    
    ol.timeline
    {list-style:none;font-size:1.2em;}ol.timeline li{ display:none;position:relative; }ol.timeline li:first-child{border-top:1px dashed #006699;}
    .delete_button
    {
    float:right; margin-right:10px; width:20px; height:20px
    }
    
    .cdelete_button
    {
    float:right; margin-right:10px; width:20px; height:20px
    }
    
    .feed_link
    {
    font-style:inherit; font-family:Georgia; font-size:13px;padding:10px; float:left; width:350px
    }
    .comment
    {
    color:#0000CC; text-decoration:underline
    }
    .delete_update
    {
    font-weight:bold;
    
    }
    .cdelete_update
    {
    font-weight:bold;
    
    }
    .post_box
    {
    height:55px;border-bottom:1px dashed #006699;background-color:#F3F3F3;  width:499px;padding:.7em 0 .6em 0;line-height:1.1em;
    
    }
    #fullbox
    {
    margin-top:6px;margin-bottom:6px; display:none;
    }
    .comment_box
    {
        display:none;margin-left:90px; padding:10px; background-color:#d3e7f5; width:300px;  height:50px;
    
    }
    .comment_load
    {
      margin-left:90px; padding:10px; background-color:#d3e7f5; width:300px; height:30px; font-size:12px; border-bottom:solid 1px #FFFFFF;
    
    }
    .text_area
    {
    width:290px;
    font-size:12px;
    height:30px;
    }
    #expand_box
    {
    margin-left:90px;
    margin-top:5px;
    margin-bottom:5px;
    }
    embed
    {
        width:200px;
        height:150px;

    }
    
</style>
</head>

<body>
<?php include '../../../settings.php'; ?>

<div align="center">
<table cellpadding="0" cellspacing="0" width="500px">
<tr>
<td>


<div align="left">
<form  method="post" name="form" action="">
<table cellpadding="0" cellspacing="0" width="500px">

<tr><td align="left"><div align="left">
<h3>What are you doing?</h3></div></td></tr>
<tr>
<td style="padding:4px; padding-left:10px;" class="update_box">
<textarea cols="30" rows="2" style="width:480px;font-size:14px; font-weight:bold" name="content" id="content" maxlength="145" ></textarea><br />
<input type="submit"  value="Update"  id="v" name="submit" class="comment_button"/>
</td>

</tr>

</table>
</form>

</div>
<div style="height:7px"></div>
<div id="flash" align="left"  ></div>



<ol  id="update" class="timeline">
</ol>

<div id='old_updates'>
<?php
$small=mysql_query("select * from messages2 order by msg_id desc LIMIT 5");
while($r=mysql_fetch_array($small))
{ 
$id=$r['msg_id'];
$msg=$r['message'];

?>


<div align="left" class="post_box">
<span style="padding:10px"><?php echo $msg.'....'.$id; ?> </span>
</div>


<ol>
<?php
//Here $id is main message msg_id value.
$csql=mysql_query("select * from comments where msg_id_fk='$id' order by com_id ");
$array = mysql_fetch_assoc($csql);

$comment_count=mysql_num_rows($csql);
if($comment_count>2)
{
$second_count=$comment_count-2;
?>


<div class="comment_ui" id="view<?php echo $id; ?>">
<a href="#" class="view_comments" id="<?php echo $id; ?>">View all <?php echo $comment_count; ?> comments</a>
</div>
<?php 
}


?>


<div id="view_comments<?php echo $id; ?>"></div>
<div id="two_comments<?php echo $id; ?>">




<table width="50%">


<?php
$small2=mysql_query("select * from comments where msg_id_fk='$id' order by com_id limit 2 ");
while($rowsmall22=mysql_fetch_array($small2))
{ 
$c_id=$rowsmall22['com_id'];
$comments=$rowsmall22['comment'];
?>


<div class="comment_actual_text">



<tr>
    <td style="BORDER-RIGHT: black 1px solid; BORDER-TOP: black 1px solid; BORDER-LEFT: black 1px solid; BORDER-BOTTOM: black 1px solid" valign="top">
                   


 <table style="WIDTH: 100%; BORDER-COLLAPSE: collapse" align="left">
                     <tr>

                 <td width="5%" style="VERTICAL-ALIGN: middle; TEXT-ALIGN: center"><img style="WIDTH: 30px; HEIGHT: 30px" alt="srinivas" src="http://www.gravatar.com/avatar.php?gravatar_id=7a9e87053519e0e7a21bb69d1deb6dfe" border="1" /></td>
                 <td style="VERTICAL-ALIGN: top; TEXT-ALIGN: left">
                   <strong>Jarratt</strong> <?php echo $comments; ?>
                   <br /><span style="COLOR: #a9a9a9">10 min ago - ID = <?php echo $c_id.'...'.$id;?> </span></td>
        
</tr> 
</table><br />
    </td>
  </tr>








</div>
<?php } ?>
</table>
</div>
</ol>
<?php } ?>








</div>


</td>
</tr>
</table>






</div>
</body>
</html>