Solved

Passing jquery cookies to multiple pages

Posted on 2011-02-26
22
616 Views
Last Modified: 2012-05-11
I have manages to incorporate drag and drop on to my site plus I save the user preferences into cookies
Now, I applied the scripts I used into the main page to all other pages but the user preferences do not appear.
To see an example go to
http://www.liteways.com/home4you/index1.html
just drag a box from the right into the shortlist on the left
I want those entered there to appear in all other pages !!!
0
Comment
Question by:dino_angelides
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 12
  • 9
22 Comments
 
LVL 75

Expert Comment

by:Michel Plungjan
ID: 34990396
I do not see jQuery here: http://www.liteways.com/home4you/sitemap1.html

Also I cannot click the search button in firefox to see other page:
<img width="42" height="16" alt="" src="images/searchButton.jpg">
0
 
LVL 83

Expert Comment

by:Dave Baldwin
ID: 34990455
I see an old version of jquery on your index1 page and the cookie routine at the bottom.  But I don't see anywhere that you have called the cookie routine so it's not doing anything for you.
0
 
LVL 75

Expert Comment

by:Michel Plungjan
ID: 34990461
Yeah the jQuery is ancient (we are on 1.5 currently)

The cookie plugin is from 2006, however I use cookie code from 1996 on all my sites ;)
0
Optimize your web performance

What's in the eBook?
- Full list of reasons for poor performance
- Ultimate measures to speed things up
- Primary web monitoring types
- KPIs you should be monitoring in order to increase your ROI

 

Author Comment

by:dino_angelides
ID: 34991611
ok, here how it went
i removed the
<script type="text/javascript" src="http://jqueryjs.googlecode.com/files/jquery-1.2.6.min.js"></script>
and I added the current release 1.5.1 and it did not work, I cannot drag and drop
I am adding the code.
This is a comment to mplungjan; the search is still not functional
This is a comment to DaveBaldwin; I added the javascript code only to this page for now
http://www.liteways.com/home4you/contacts1.html
so how i check it is that I am on index1 and i add some listings on the left, and I click on contacts to see if they are still there.

I am leaving online everything how it is right now and hopefully we can figure that out :) and the code below is with the release 1.5.1 that does not work


<!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" />
<!-- TemplateBeginEditable name="doctitle" -->
<title>home4you</title>

  <script type="text/javascript" src="js/jquery-1.5.1.min.js"></script>


  <link href="inettuts.css" rel="stylesheet" type="text/css" />
<!-- stylesheets -->
  	<link rel="stylesheet" href="css/style.css" type="text/css" media="screen" />
  	<link rel="stylesheet" href="css/slide.css" type="text/css" media="screen" />
	
  	<!-- PNG FIX for IE6 -->
  	<!-- http://24ways.org/2007/supersleight-transparent-png-in-ie6 -->
	<!--[if lte IE 6]>
		<script type="text/javascript" src="js/pngfix/supersleight-min.js"></script>
	<![endif]-->
    
	<!-- Sliding effect -->
	<script src="js/slide.js" type="text/javascript"></script>

<!-- TemplateEndEditable -->
<style type="text/css">
<!--
#wrapper {
	height: auto;
	width: 1189px;
	margin-right: auto;
	margin-left: auto;
}
#wrapper #topMenuLogo {
	padding-bottom: 10px;
	padding-top: 10px;
}
#wrapper #mainContent {
	height: auto;
}
#wrapper #mainContent #leftContent {
	float: left;
	height: auto;
	width: 230px;
}
#wrapper #mainContent #rightContent {
	height: auto;
	width: 950px;
	float: right;
	background-color: #F3F3F3;
	margin-bottom: 10px;
}
#wrapper #mainContent #rightContent #search {
	width: 750px;
	padding-bottom: 5px;
	background-color: #F3F3F3;
	padding-top: 5px;
	padding-left: 8px;
}
#wrapper #mainContent #rightContent #ads {
	height: auto;
	width: 750px;
	background-color: #F3F3F3;
	padding-left: 5px;
	padding-top: 5px;
}
#wrapper #mainContent #rightContent #ads #featuredAds4 {
	float: left;
	height: auto;
	width: 170px;
	margin-top: auto;
	margin-right: 5px;
	margin-bottom: auto;
	margin-left: 5px;
}
#wrapper #mainContent #rightContent #ads #featuredAds3 {
	float: left;
	height: auto;
	width: 170px;
	margin-top: auto;
	margin-right: 5px;
	margin-bottom: auto;
	margin-left: 5px;
}
#wrapper #mainContent #rightContent #ads #featuredAds2 {
	float: left;
	height: auto;
	width: 170px;
	margin-top: auto;
	margin-right: 5px;
	margin-bottom: auto;
	margin-left: 5px;
}
#wrapper #mainContent #rightContent #ads #featuredAds1 {
	float: left;
	height: auto;
	width: 170px;
	margin-top: auto;
	margin-right: 5px;
	margin-bottom: auto;
	margin-left: 5px;
}
#wrapper #mainContent #rightContent #ads #bottomAds {
	float: left;
	width: 730px;
	padding-top: 10px;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 10px;
}
#rightAdsSpace {
	float: right;
	width: 180px;
	padding-right: 12px;
}
#topAd {
	background-image: url(images/bg.png);
	background-repeat: repeat;
	height: 43px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	text-align: center;
}
.style8 {	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}
.style81 {font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
.style82 {font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.style82 {font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.style821 {font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.style821 {font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.style821 {font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.style821 {font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
#wrapper table tr td div {
	text-decoration: none;
}
#wrapper table tr td div a {
	text-decoration: none;
	color: #090000;
}
#wrapper table tr td div a:hover {
	text-decoration: underline;
}
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
#topAd #topMenu {
	padding: 10px;
	color: #FFF;
	font-size: 13px;
	font-family: Tahoma, Geneva, sans-serif;
	text-align: center;
}
#topAd #topMenu a {
	color: #FFF;
	text-decoration: none;
}
#topAd #topMenu a:hover {
	text-decoration: underline;
}
#footerMenu {
	background-color: #F3F3F3;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 5px;
}
#footerMenu div .style82 a {
	color: #090000;
	text-decoration: none;
}
#footerMenu div .style821 a {
	color: #090000;
	text-decoration: none;
}
#footerMenu div .style82 a:hover {
	text-decoration: underline;
}
#footerMenu div .style821 a:hover {
}
#footerMenu div .style821 a:hover {
	text-decoration: underline;
}
#topAd #loginDIV {
	float: right;
	width: 150px;
	text-align: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}
#topAd #topMenu #login {
	width: 90px;
	float: right;
	color: #030303;
	padding-right: 4px;
}
#topAd #topMenu #login a:hover {
	text-decoration: underline;
}
#topAd #topMenu #login a {
	color: #FFF;
	text-decoration: none;
}
#topAd #topMenu #language {
	float: right;
	width: 50px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: right;
}
#wrapper table tr td div #language {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #030303;
	padding-bottom: 8px;
}
#wrapper table tr td div #language a {
	color: #030303;
	text-decoration: none;
}
#wrapper table tr td div #language a:hover {
	text-decoration: underline;
}

-->
</style>
<!-- TemplateBeginEditable name="head" -->
<!-- TemplateEndEditable -->
</head>

<body>
<!-- ******** BEGIN LIKNO WEB MODAL WINDOWS CODE FOR likno-modal-slideshow ******** -->
<script type="text/javascript">var lwmwLinkedBy="LiknoWebModalWindows [1]",lwmwName="likno-modal-slideshow",lwmwBN="136";</script><script charset="UTF-8" src="likno-scripts/likno-modal-slideshow.js" type="text/javascript"></script>
<!-- ******** END LIKNO WEB MODAL WINDOWS CODE FOR likno-modal-slideshow ******** -->
<div id="topAd">
  <div id="toppanel">
    <div id="topAd2">
      <div id="topMenu"><a href="index1.html">HOME</a> | <a href="search1.html">SEARCH</a> | <a href="membership1.html">MEMBERSHIP</a> | <a href="help1.html">HELP</a> | <a href="contacts1.html">CONTACTS</a>
        <div id="language"><a href="#">EN</a> | <a href="#">GR</a></div>
      </div>
      <div id="toppanel2">
        <div id="panel">
          <div class="content clearfix">
            <div class="left">
              <h1>Welcome to HomeForYou.com</h1>
              <p class="grey">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam non felis a urna rhoncus facilisis. Ut suscipit nunc vitae massa euismod egestas. Mauris at leo nisi, et adipiscing velit. Nam ac quam ante. Integer pharetra bibendum orci, aliquam malesuada nibh condimentum a.</p>
            </div>
            <div class="left">
              <!-- Login Form -->
              <form class="clearfix" action="#" method="post">
                <h1>Member Login</h1>
                <label class="grey" for="log5">Username:</label>
                <input class="field" type="text" name="log" id="log5" value="" size="23" />
                <label class="grey" for="pwd">Password:</label>
                <input class="field" type="password" name="pwd" id="pwd" size="23" />
                <label>
                  <input name="rememberme" id="rememberme" type="checkbox" checked="checked" value="forever" />
                  &nbsp;Remember me</label>
                <div class="clear"></div>
                <input type="submit" name="submit" value="Login" class="bt_login" />
                <a class="lost-pwd" href="#">Lost your password?</a>
              </form>
            </div>
            <div class="left right">
              <!-- Register Form -->
              <form action="#" method="post">
                <h1>Not a member yet? Sign Up!</h1>
                <label class="grey" for="signup">Username:</label>
                <input class="field" type="text" name="signup" id="signup" value="" size="23" />
                <label class="grey" for="email">Email:</label>
                <input class="field" type="text" name="email" id="email" size="23" />
                <label>A password will be e-mailed to you.</label>
                <input type="submit" name="submit" value="Register" class="bt_register" />
              </form>
            </div>
          </div>
        </div>
        <!-- /login -->
        <!-- The tab on top -->
        <div class="tab">
          <ul class="login">
            <li class="left">&nbsp;</li>
            <li>Hello Guest!</li>
            <li class="sep">|</li>
            <li id="toggle"> <a id="open" class="open" href="#">Log In | Register</a> <a id="close" style="display: none;" class="close" href="#">Close Panel</a></li>
            <li class="right">&nbsp;</li>
          </ul>
        </div>
        <!-- / top -->
      </div>
    </div>
  </div>
</div>
<div id="wrapper">
  <div id="topMenuLogo">
    <table width="100%" border="0">
      <tr>
        <td width="20%" rowspan="2"><div align="left"><img src="images/logo.png" width="180" height="73" border="0" usemap="#Map" /></div></td>
      </tr>
      <tr>
        <td width="80%"><div align="left"><a href="index1.html"><img src="images/topAd.png" alt="" width="722" height="73" /></a></div></td>
      </tr>
    </table>
  </div>
  <!-- TemplateBeginEditable name="MainContent" -->
  <div id="mainContent">
    <div id="leftContent">
      <table width="100%" border="0">
        <tr>
          <td colspan="2"><div align="left"><img src="images/shortlist_header.png" alt="1" width="229" height="26" /></div>
            <div align="left"></div></td>
        </tr>
        <tr>
          <td colspan="2">
          <ul id="column5" class="column">
            <li class="widget color-white" id="intro">
              <div class="widget-content"><br />
              </div>
            </li>
          
          </ul></td>
        </tr>
      </table>
    </div>
    <div id="rightContent">
      <div id="rightAdsSpace">
        <table width="100%" border="0">
          <tr>
            <td height="168"><img src="images/adsRightSide.png" alt="ad" width="180" height="166" /></td>
          </tr>
          <tr>
            <td><img src="images/adsRightSide.png" alt="ad" width="180" height="166" /></td>
          </tr>
          <tr>
            <td><img src="images/adsRightSide.png" alt="ad" width="180" height="166" /></td>
          </tr>
          <tr>
            <td><img src="images/adsRightSide.png" alt="ad" width="180" height="166" /></td>
          </tr>
          <tr>
            <td><img src="images/adsRightSide.png" alt="ad" width="180" height="166" /></td>
          </tr>
          <tr>
            <td><img src="images/adsRightSide.png" alt="ad" width="180" height="166" /></td>
          </tr>
          <tr>
            <td><img src="images/adsRightSide.png" alt="ad" width="180" height="166" /></td>
          </tr>
        </table>
      </div>
      <div id="search">
        <table width="736" border="0">
          <tr>
            <td width="247"><div align="left" class="style81"><strong>FEATURED PROPERTIES</strong></div></td>
            <td width="29">&nbsp;</td>
            <td width="25"><div align="left" class="style81"><strong>City:</strong></div></td>
            <td width="105"><div align="left">
              <select name="select2" class="style81" id="select2">
                <option>Choose City</option>
                <option>Nicosia</option>
                <option>Larnaca</option>
                <option>Limassol</option>
                <option>Paphos</option>
              </select>
            </div></td>
            <td width="31"><div align="left" class="style81"><strong>Type:</strong></div></td>
            <td width="212"><div align="left">
              <form id="form1" name="form1" method="post" action="">
                <label>
                  <select name="select" class="style81" id="select">
                    <option selected="selected">Choose Type</option>
                    <option>Flat, 1 Bedroom</option>
                    <option>Flat, 2 Bedrooms</option>
                    <option>Flat, 3+ Bedrooms</option>
                    <option>House, 2 Bedrooms 2 Baths</option>
                    <option>House, 3+ Bedrooms, 3+ Baths</option>
                  </select>
                </label>
              </form>
            </div></td>
            <td width="57"><img src="images/searchButton.jpg" alt="" width="42" height="16" /></td>
          </tr>
        </table>
      </div>
      <div id="ads">
        <div id="columns">
          <ul id="column1" class="column">
            <li class="widget color-red" id="widget1">
              <div class="widget-content"> <span class="style82"><strong><img src="images/camera.png" alt="" width="19" height="13" /><a onclick="slideshow();" href="javascript:void(0);"></a>¿¿¿¿¿¿¿S¿¿</strong> 1¿p¿. st¿¿ ¿¿¿¿p¿¿¿, µe ¿¿a ta ¿¿e¿t¿. ¿¿¿¿¿¿a¿, 4¿¿., a/c, pa¿¿¿¿¿¿ ste¿asµ¿¿¿, ap¿¿¿¿¿. 
                ße¿¿¿ta, €530, 99643707</span></div>
            </li>
            <li class="widget color-red" id="widget2">
              <div class="widget-content"> <span class="style82"><strong><img src="images/camera.png" alt="" width="19" height="13" />¿¿¿¿¿¿¿S¿¿</strong> 1¿p¿. st¿¿ ¿¿¿¿p¿¿¿, µe ¿¿a ta ¿¿e¿t¿. ¿¿¿¿¿¿a¿, 4¿¿., a/c, pa¿¿¿¿¿¿ ste¿asµ¿¿¿, ap¿¿¿¿¿. 
                ße¿¿¿ta, €530, 99643707</span></div>
            </li>
            <li class="widget color-red" id="widget3">
              <div class="widget-content"> <span class="style82"><strong>&Delta;&Iota;&Alpha;&Mu;&Epsilon;&Rho;&Iota;&Sigma;&Mu;&Alpha;</strong> 1&upsilon;&pi;&nu;. &sigma;&tau;&eta;&nu; &Alpha;&nu;&theta;&omicron;&#973;&pi;&omicron;&lambda;&eta;, <span class="style83"> &#8364;</span>450, 99413603 </span></div>
            </li>
            <li class="widget color-red" id="widget4">
              <div class="widget-content"> <span class="style82"><strong>¿¿¿¿¿¿¿S¿¿</strong> 1¿p¿. st¿¿ ¿¿¿¿p¿¿¿, µe ¿¿a ta ¿¿e¿t¿. ¿¿¿¿¿¿a¿, 4¿¿., a/c, pa¿¿¿¿¿¿ ste¿asµ¿¿¿, ap¿¿¿¿¿. 
                ße¿¿¿ta, €530, 99643707</span></div>
            </li>
            <li class="widget color-red" id="widget5">
              <div class="widget-content"> <span class="style82"><strong>&Delta;&Iota;&Alpha;&Mu;&Epsilon;&Rho;&Iota;&Sigma;&Mu;&Alpha;</strong> 1&upsilon;&pi;&nu;. &sigma;&tau;&eta;&nu; &Alpha;&nu;&theta;&omicron;&#973;&pi;&omicron;&lambda;&eta;, <span class="style83"> &#8364;</span>450, 99413603 </span></div>
            </li>
            <li class="widget color-red" id="widget6">
              <div class="widget-content"> <span class="style82"><strong>¿¿¿¿¿¿¿S¿¿</strong> 1¿p¿. st¿¿ ¿¿¿¿p¿¿¿, µe ¿¿a ta ¿¿e¿t¿. ¿¿¿¿¿¿a¿, 4¿¿., a/c, pa¿¿¿¿¿¿ ste¿asµ¿¿¿, ap¿¿¿¿¿. 
                ße¿¿¿ta, €530, 99643707</span></div>
            </li>
            <li class="widget color-red" id="widget7">
              <div class="widget-content"> <span class="style82"><strong>&Delta;&Iota;&Alpha;&Mu;&Epsilon;&Rho;&Iota;&Sigma;&Mu;&Alpha;</strong> 1&upsilon;&pi;&nu;. &sigma;&tau;&eta;&nu; &Alpha;&nu;&theta;&omicron;&#973;&pi;&omicron;&lambda;&eta;, <span class="style83"> &#8364;</span>450, 99413603 </span></div>
            </li>
            <li class="widget color-red" id="widget8">
              <div class="widget-content"> <span class="style82"><strong>¿¿¿¿¿¿¿S¿¿</strong> 1¿p¿. st¿¿ ¿¿¿¿p¿¿¿, µe ¿¿a ta ¿¿e¿t¿. ¿¿¿¿¿¿a¿, 4¿¿., a/c, pa¿¿¿¿¿¿ ste¿asµ¿¿¿, ap¿¿¿¿¿. 
                ße¿¿¿ta, €530, 99643707</span></div>
            </li>
            <li class="widget color-red" id="widget9">
              <div class="widget-content"> <span class="style82"><strong>&Delta;&Iota;&Alpha;&Mu;&Epsilon;&Rho;&Iota;&Sigma;&Mu;&Alpha;</strong> 1&upsilon;&pi;&nu;. &sigma;&tau;&eta;&nu; &Alpha;&nu;&theta;&omicron;&#973;&pi;&omicron;&lambda;&eta;, <span class="style83"> &#8364;</span>450, 99413603 </span></div>
            </li>
            <li class="widget color-red" id="widget10">
              <div class="widget-content"> <span class="style82"><strong>¿¿¿¿¿¿¿S¿¿</strong> 1¿p¿. st¿¿ ¿¿¿¿p¿¿¿, µe ¿¿a ta ¿¿e¿t¿. ¿¿¿¿¿¿a¿, 4¿¿., a/c, pa¿¿¿¿¿¿ ste¿asµ¿¿¿, ap¿¿¿¿¿. 
                ße¿¿¿ta, €530, 99643707</span></div>
            </li>
            <li class="widget color-red" id="widget11">
              <div class="widget-content"> <span class="style82"><strong>¿¿¿¿¿¿¿S¿¿</strong> 1¿p¿. st¿¿ ¿¿¿¿p¿¿¿, µe ¿¿a ta ¿¿e¿t¿. ¿¿¿¿¿¿a¿, 4¿¿., a/c, pa¿¿¿¿¿¿ ste¿asµ¿¿¿, ap¿¿¿¿¿. 
                ße¿¿¿ta, €530, 99643707</span></div>
            </li>
             <li class="widget color-red" id="widget12">
              <div class="widget-content">
                <div align="left"><img src="images/sampleBlackAD.png" alt="advert" width="157" height="154" /></div>
              </div>
            </li>
          </ul>
          <ul id="column2" class="column">
            <li class="widget color-blue" id="widget13">
              <div class="widget-content"> <span class="style82"><strong>¿¿¿¿¿¿¿S¿¿</strong> 1¿p¿. st¿¿ ¿¿¿¿p¿¿¿, µe ¿¿a ta ¿¿e¿t¿. ¿¿¿¿¿¿a¿, 4¿¿., a/c, pa¿¿¿¿¿¿ ste¿asµ¿¿¿, ap¿¿¿¿¿. 
                ße¿¿¿ta, €530, 99643707</span></div>
            </li>
            <li class="widget color-blue" id="widget14">
              <div class="widget-content"> <span class="style82"><strong>&Delta;&Iota;&Alpha;&Mu;&Epsilon;&Rho;&Iota;&Sigma;&Mu;&Alpha;</strong> 1&upsilon;&pi;&nu;. &sigma;&tau;&eta;&nu; &Alpha;&nu;&theta;&omicron;&#973;&pi;&omicron;&lambda;&eta;, <span class="style83"> &#8364;</span>450, 99413603 </span></div>
            </li>
            <li class="widget color-blue" id="widget15">
              <div class="widget-content"> <span class="style82"><strong>¿¿¿¿¿¿¿S¿¿</strong> 1¿p¿. st¿¿ ¿¿¿¿p¿¿¿, µe ¿¿a ta ¿¿e¿t¿. ¿¿¿¿¿¿a¿, 4¿¿., a/c, pa¿¿¿¿¿¿ ste¿asµ¿¿¿, ap¿¿¿¿¿. 
                ße¿¿¿ta, €530, 99643707</span></div>
            </li>
            <li class="widget color-blue" id="widget16">
              <div class="widget-content"> <span class="style82"><strong>&Delta;&Iota;&Alpha;&Mu;&Epsilon;&Rho;&Iota;&Sigma;&Mu;&Alpha;</strong> 1&upsilon;&pi;&nu;. &sigma;&tau;&eta;&nu; &Alpha;&nu;&theta;&omicron;&#973;&pi;&omicron;&lambda;&eta;, <span class="style83"> &#8364;</span>450, 99413603 </span></div>
            </li>
            <li class="widget color-blue" id="widget17">
              <div class="widget-content"> <span class="style82"><strong>¿¿¿¿¿¿¿S¿¿</strong> 1¿p¿. st¿¿ ¿¿¿¿p¿¿¿, µe ¿¿a ta ¿¿e¿t¿. ¿¿¿¿¿¿a¿, 4¿¿., a/c, pa¿¿¿¿¿¿ ste¿asµ¿¿¿, ap¿¿¿¿¿. 
                ße¿¿¿ta, €530, 99643707</span></div>
            </li>
            <li class="widget color-blue" id="widget18">
              <div class="widget-content"> <span class="style82"><strong>&Delta;&Iota;&Alpha;&Mu;&Epsilon;&Rho;&Iota;&Sigma;&Mu;&Alpha;</strong> 1&upsilon;&pi;&nu;. &sigma;&tau;&eta;&nu; &Alpha;&nu;&theta;&omicron;&#973;&pi;&omicron;&lambda;&eta;, <span class="style83"> &#8364;</span>450, 99413603 </span></div>
            </li>
             <li class="widget color-blue" id="widget19">
              <div class="widget-content"> <span class="style82"><strong>&Delta;&Iota;&Alpha;&Mu;&Epsilon;&Rho;&Iota;&Sigma;&Mu;&Alpha;</strong> 1&upsilon;&pi;&nu;. &sigma;&tau;&eta;&nu; &Alpha;&nu;&theta;&omicron;&#973;&pi;&omicron;&lambda;&eta;, <span class="style83"> &#8364;</span>450, 99413603 </span></div>
            </li>
            <li class="widget color-blue" id="widget20">
              <div class="widget-content"> <span class="style82"><strong>¿¿¿¿¿¿¿S¿¿</strong> 1¿p¿. st¿¿ ¿¿¿¿p¿¿¿, µe ¿¿a ta ¿¿e¿t¿. ¿¿¿¿¿¿a¿, 4¿¿., a/c, pa¿¿¿¿¿¿ ste¿asµ¿¿¿, ap¿¿¿¿¿. 
                ße¿¿¿ta, €530, 99643707</span></div>
            </li>
            <li class="widget color-blue" id="widget21">
              <div class="widget-content"> <span class="style82"><strong>¿¿¿¿¿¿¿S¿¿</strong> 1¿p¿. st¿¿ ¿¿¿¿p¿¿¿, µe ¿¿a ta ¿¿e¿t¿. ¿¿¿¿¿¿a¿, 4¿¿., a/c, pa¿¿¿¿¿¿ ste¿asµ¿¿¿, ap¿¿¿¿¿. 
                ße¿¿¿ta, €530, 99643707</span></div>
            </li>
            <li class="widget color-blue" id="widget22">
              <div class="widget-content"> <span class="style82"><strong>¿¿¿¿¿¿¿S¿¿</strong> 1¿p¿. st¿¿ ¿¿¿¿p¿¿¿, µe ¿¿a ta ¿¿e¿t¿. ¿¿¿¿¿¿a¿, 4¿¿., a/c, pa¿¿¿¿¿¿ ste¿asµ¿¿¿, ap¿¿¿¿¿. 
                ße¿¿¿ta, €530, 99643707</span></div>
            </li>
             <li class="widget color-blue" id="widget23">
              <div class="widget-content"> <span class="style82"><strong>&Delta;&Iota;&Alpha;&Mu;&Epsilon;&Rho;&Iota;&Sigma;&Mu;&Alpha;</strong> 1&upsilon;&pi;&nu;. &sigma;&tau;&eta;&nu; &Alpha;&nu;&theta;&omicron;&#973;&pi;&omicron;&lambda;&eta;, <span class="style83"> &#8364;</span>450, 99413603 </span></div>
            </li>
          </ul>
          <ul id="column3" class="column">
            <li class="widget color-white" id="widget24">
              <div class="widget-content"> <span class="style82"><strong>¿¿¿¿¿¿¿S¿¿</strong> 1¿p¿. st¿¿ ¿¿¿¿p¿¿¿, µe ¿¿a ta ¿¿e¿t¿. ¿¿¿¿¿¿a¿, 4¿¿., a/c, pa¿¿¿¿¿¿ ste¿asµ¿¿¿, ap¿¿¿¿¿. 
                ße¿¿¿ta, €530, 99643707</span></div>
            </li>
            <li class="widget color-white" id="widget25">
              <div class="widget-content"> <span class="style82"><strong>&Delta;&Iota;&Alpha;&Mu;&Epsilon;&Rho;&Iota;&Sigma;&Mu;&Alpha;</strong> 1&upsilon;&pi;&nu;. &sigma;&tau;&eta;&nu; &Alpha;&nu;&theta;&omicron;&#973;&pi;&omicron;&lambda;&eta;, <span class="style83"> &#8364;</span>450, 99413603 </span></div>
            </li>
            <li class="widget color-white" id="widget26">
              <div class="widget-content"> <span class="style82"><strong>¿¿¿¿¿¿¿S¿¿</strong> 1¿p¿. st¿¿ ¿¿¿¿p¿¿¿, µe ¿¿a ta ¿¿e¿t¿. ¿¿¿¿¿¿a¿, 4¿¿., a/c, pa¿¿¿¿¿¿ ste¿asµ¿¿¿, ap¿¿¿¿¿. 
              ße¿¿¿ta, €530, 99643707</span></div>
            </li>
            <li class="widget color-white" id="widget27">
              <div class="widget-content"> <span class="style82"><strong>&Delta;&Iota;&Alpha;&Mu;&Epsilon;&Rho;&Iota;&Sigma;&Mu;&Alpha;</strong> 1&upsilon;&pi;&nu;. &sigma;&tau;&eta;&nu; &Alpha;&nu;&theta;&omicron;&#973;&pi;&omicron;&lambda;&eta;, <span class="style83"> &#8364;</span>450, 99413603 </span></div>
            </li>
            <li class="widget color-white" id="widget28">
              <div class="widget-content"> <span class="style82"><strong>¿¿¿¿¿¿¿S¿¿</strong> 1¿p¿. st¿¿ ¿¿¿¿p¿¿¿, µe ¿¿a ta ¿¿e¿t¿. ¿¿¿¿¿¿a¿, 4¿¿., a/c, pa¿¿¿¿¿¿ ste¿asµ¿¿¿, ap¿¿¿¿¿. 
              ße¿¿¿ta, €530, 99643707</span></div>
            </li>
            <li class="widget color-white" id="widget29">
              <div class="widget-content"> <span class="style82"><strong>¿¿¿¿¿¿¿S¿¿</strong> 1¿p¿. st¿¿ ¿¿¿¿p¿¿¿, µe ¿¿a ta ¿¿e¿t¿. ¿¿¿¿¿¿a¿, 4¿¿., a/c, pa¿¿¿¿¿¿ ste¿asµ¿¿¿, ap¿¿¿¿¿. 
              ße¿¿¿ta, €530, 99643707</span></div>
            </li>
            <li class="widget color-white" id="widget30">
              <div class="widget-content"> <span class="style82"><strong>¿¿¿¿¿¿¿S¿¿</strong> 1¿p¿. st¿¿ ¿¿¿¿p¿¿¿, µe ¿¿a ta ¿¿e¿t¿. ¿¿¿¿¿¿a¿, 4¿¿., a/c, pa¿¿¿¿¿¿ ste¿asµ¿¿¿, ap¿¿¿¿¿. 
              ße¿¿¿ta, €530, 99643707</span></div>
            </li>
            <li class="widget color-white" id="widget31">
              <div class="widget-content"> <span class="style82"><strong>&Delta;&Iota;&Alpha;&Mu;&Epsilon;&Rho;&Iota;&Sigma;&Mu;&Alpha;</strong> 1&upsilon;&pi;&nu;. &sigma;&tau;&eta;&nu; &Alpha;&nu;&theta;&omicron;&#973;&pi;&omicron;&lambda;&eta;, <span class="style83"> &#8364;</span>450, 99413603 </span></div>
            </li>
            <li class="widget color-white" id="widget32">
              <div class="widget-content"> <span class="style82"><strong>¿¿¿¿¿¿¿S¿¿</strong> 1¿p¿. st¿¿ ¿¿¿¿p¿¿¿, µe ¿¿a ta ¿¿e¿t¿. ¿¿¿¿¿¿a¿, 4¿¿., a/c, pa¿¿¿¿¿¿ ste¿asµ¿¿¿, ap¿¿¿¿¿. 
              ße¿¿¿ta, €530, 99643707</span></div>
            </li>
            <li class="widget color-white" id="widget33">
              <div class="widget-content"> <span class="style82"><strong>&Delta;&Iota;&Alpha;&Mu;&Epsilon;&Rho;&Iota;&Sigma;&Mu;&Alpha;</strong> 1&upsilon;&pi;&nu;. &sigma;&tau;&eta;&nu; &Alpha;&nu;&theta;&omicron;&#973;&pi;&omicron;&lambda;&eta;, <span class="style83"> &#8364;</span>450, 99413603 </span></div>
            
           </li>
             <li class="widget color-white" id="widget34">
              <div class="widget-content"> <span class="style82"><strong>¿¿¿¿¿¿¿S¿¿</strong> 1¿p¿. st¿¿ ¿¿¿¿p¿¿¿, µe ¿¿a ta ¿¿e¿t¿. ¿¿¿¿¿¿a¿, 4¿¿., a/c, pa¿¿¿¿¿¿ ste¿asµ¿¿¿, ap¿¿¿¿¿. 
              ße¿¿¿ta, €530, 99643707</span></div>
            </li>
           
          </ul>
          <ul id="column4" class="column">
            <li class="widget color-orange" id="widget35">
              <div class="widget-content"> <span class="style82"><strong>&Delta;&Iota;&Alpha;&Mu;&Epsilon;&Rho;&Iota;&Sigma;&Mu;&Alpha;</strong> 1&upsilon;&pi;&nu;. &sigma;&tau;&eta;&nu; &Alpha;&nu;&theta;&omicron;&#973;&pi;&omicron;&lambda;&eta;, <span class="style83"> &#8364;</span>450, 99413603 </span></div>
            </li>
            <li class="widget color-orange" id="widget36">
              <div class="widget-content"> <span class="style82"><strong>¿¿¿¿¿¿¿S¿¿</strong> 1¿p¿. st¿¿ ¿¿¿¿p¿¿¿, µe ¿¿a ta ¿¿e¿t¿. ¿¿¿¿¿¿a¿, 4¿¿., a/c, pa¿¿¿¿¿¿ ste¿asµ¿¿¿, ap¿¿¿¿¿. 
                ße¿¿¿ta, €530, 99643707</span></div>
            </li>
            </li>
            <li class="widget color-orange" id="widget37">
              <div class="widget-content"> <span class="style82"><strong>¿¿¿¿¿¿¿S¿¿</strong> 1¿p¿. st¿¿ ¿¿¿¿p¿¿¿, µe ¿¿a ta ¿¿e¿t¿. ¿¿¿¿¿¿a¿, 4¿¿., a/c, pa¿¿¿¿¿¿ ste¿asµ¿¿¿, ap¿¿¿¿¿. 
                ße¿¿¿ta, €530, 99643707</span></div>
            </li>
            </li>
            <li class="widget color-orange" id="widget38">
              <div class="widget-content"> <span class="style82"><strong>¿¿¿¿¿¿¿S¿¿</strong> 1¿p¿. st¿¿ ¿¿¿¿p¿¿¿, µe ¿¿a ta ¿¿e¿t¿. ¿¿¿¿¿¿a¿, 4¿¿., a/c, pa¿¿¿¿¿¿ ste¿asµ¿¿¿, ap¿¿¿¿¿. 
                ße¿¿¿ta, €530, 99643707</span></div>
            </li>
            </li>
            <li class="widget color-orange" id="widget39">
              <div class="widget-content"> <span class="style82"><strong>¿¿¿¿¿¿¿S¿¿</strong> 1¿p¿. st¿¿ ¿¿¿¿p¿¿¿, µe ¿¿a ta ¿¿e¿t¿. ¿¿¿¿¿¿a¿, 4¿¿., a/c, pa¿¿¿¿¿¿ ste¿asµ¿¿¿, ap¿¿¿¿¿. 
                ße¿¿¿ta, €530, 99643707</span></div>
            </li>
            </li>
            <li class="widget color-orange" id="widget40">
              <div class="widget-content"> <span class="style82"><strong>¿¿¿¿¿¿¿S¿¿</strong> 1¿p¿. st¿¿ ¿¿¿¿p¿¿¿, µe ¿¿a ta ¿¿e¿t¿. ¿¿¿¿¿¿a¿, 4¿¿., a/c, pa¿¿¿¿¿¿ ste¿asµ¿¿¿, ap¿¿¿¿¿. 
                ße¿¿¿ta, €530, 99643707</span></div>
            </li>
            </li>
            <li class="widget color-orange" id="widget41">
              <div class="widget-content"> <span class="style82"><strong>¿¿¿¿¿¿¿S¿¿</strong> 1¿p¿. st¿¿ ¿¿¿¿p¿¿¿, µe ¿¿a ta ¿¿e¿t¿. ¿¿¿¿¿¿a¿, 4¿¿., a/c, pa¿¿¿¿¿¿ ste¿asµ¿¿¿, ap¿¿¿¿¿. 
                ße¿¿¿ta, €530, 99643707</span></div>
            </li>
            </li>
            <li class="widget color-orange" id="widget42">
              <div class="widget-content"> <span class="style82"><strong>¿¿¿¿¿¿¿S¿¿</strong> 1¿p¿. st¿¿ ¿¿¿¿p¿¿¿, µe ¿¿a ta ¿¿e¿t¿. ¿¿¿¿¿¿a¿, 4¿¿., a/c, pa¿¿¿¿¿¿ ste¿asµ¿¿¿, ap¿¿¿¿¿. 
                ße¿¿¿ta, €530, 99643707</span></div>
            </li>
            </li>
            <li class="widget color-orange" id="widget43">
              <div class="widget-content"> <span class="style82"><strong>¿¿¿¿¿¿¿S¿¿</strong> 1¿p¿. st¿¿ ¿¿¿¿p¿¿¿, µe ¿¿a ta ¿¿e¿t¿. ¿¿¿¿¿¿a¿, 4¿¿., a/c, pa¿¿¿¿¿¿ ste¿asµ¿¿¿, ap¿¿¿¿¿. 
                ße¿¿¿ta, €530, 99643707</span></div>
            </li>
            </li>
          </ul>
          <p>&nbsp;</p>
        </div>
      
      
        <div id="bottomAds">
          <table width="100%">
            <tr>
              <td><img src="images/adsBottom.png" alt="ad" width="228" height="228" /></td>
              <td><img src="images/adsBottom.png" alt="ad" width="228" height="228" /></td>
              <td><img src="images/adsBottom.png" alt="ad" width="228" height="228" /></td>
            </tr>
            <tr>
              <td colspan="3"><div align="left"><img src="images/adSampleNewBottom.png" alt="ad" width="712" height="96" /></div></td>
            </tr>
          </table>
        </div>
      </div>
    </div>
    <br />
  </div>
  <!-- TemplateEndEditable -->
  <table width="100%" border="0">
    <tr>
      <td>&nbsp;</td>
    </tr>
  </table>
</div>
<div id="footerMenu">
  <div align="center"><span class="style82"><a href="profile1.html">Profile</a> | <a href="terms1.html">Terms of Use</a> | <a href="privacy1.html">Privacy Statement</a> | <a href="sitemap1.html">Site Map</a></span><br />
    <span class="style821">Copyright 2010 home4you.com | All Rights Reserved<br />
  <a href="reportproblem1.html">Report a Problem</a> | <a href="opinion1.html">Tell Us Your Opinion</a></span> </div>
</div>

<map name="Map" id="Map">
  <area shape="rect" coords="-14,1,186,72" href="index1.html" />
</map>
    <script type="text/javascript" src="js/jquery-ui-personalized-1.6rc2.min.js"></script>
    <script type="text/javascript" src="js/cookie.jquery.js"></script>
    <script type="text/javascript" src="js/inettuts.js"></script>

</body>
</html>

Open in new window

0
 

Author Comment

by:dino_angelides
ID: 34991831
i know my problem is with the jquery release but i just cannot see it i remove code I put new one, I mix and match and still nothing
0
 
LVL 75

Accepted Solution

by:
Michel Plungjan earned 500 total points
ID: 34991882
I get

Error: $(clonedWidget).attr("class") is undefined
Source File: http://www.liteways.com/home4you/js/inettuts.js
Line: 185

So it cannot find one of the widgets you put in the cookie
0
 

Author Comment

by:dino_angelides
ID: 34992152
ok I think the error has been fixed can you confirm that?
plus if you check the contacts1.html I have all the code there but still does not work!!! I am adding the code as well here
<!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"><!-- InstanceBegin template="/Templates/Test.dwt" codeOutsideHTMLIsLocked="false" -->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- InstanceBeginEditable name="doctitle" -->
<title>home4you</title>
  <script type="text/javascript" src="http://jqueryjs.googlecode.com/files/jquery-1.2.6.min.js"></script>
  <link href="inettuts.css" rel="stylesheet" type="text/css" />
<!-- stylesheets -->
  	<link rel="stylesheet" href="css/style.css" type="text/css" media="screen" />
  	<link rel="stylesheet" href="css/slide.css" type="text/css" media="screen" />
	
  	<!-- PNG FIX for IE6 -->
  	<!-- http://24ways.org/2007/supersleight-transparent-png-in-ie6 -->
	<!--[if lte IE 6]>
		<script type="text/javascript" src="js/pngfix/supersleight-min.js"></script>
	<![endif]-->
    
	<!-- Sliding effect -->
	<script src="js/slide.js" type="text/javascript"></script>

<!-- InstanceEndEditable -->
<style type="text/css">
<!--
#wrapper {
	height: auto;
	width: 1189px;
	margin-right: auto;
	margin-left: auto;
}
#wrapper #topMenuLogo {
	padding-bottom: 10px;
	padding-top: 10px;
}
#wrapper #mainContent {
	height: auto;
}
#wrapper #mainContent #leftContent {
	float: left;
	height: auto;
	width: 230px;
}
#wrapper #mainContent #rightContent {
	height: auto;
	width: 950px;
	float: right;
	background-color: #F3F3F3;
	margin-bottom: 10px;
}
#wrapper #mainContent #rightContent #search {
	width: 750px;
	padding-bottom: 5px;
	background-color: #F3F3F3;
	padding-top: 5px;
	padding-left: 8px;
}
#wrapper #mainContent #rightContent #ads {
	height: auto;
	width: 750px;
	background-color: #F3F3F3;
	padding-left: 5px;
	padding-top: 5px;
}
#wrapper #mainContent #rightContent #ads #featuredAds4 {
	float: left;
	height: auto;
	width: 170px;
	margin-top: auto;
	margin-right: 5px;
	margin-bottom: auto;
	margin-left: 5px;
}
#wrapper #mainContent #rightContent #ads #featuredAds3 {
	float: left;
	height: auto;
	width: 170px;
	margin-top: auto;
	margin-right: 5px;
	margin-bottom: auto;
	margin-left: 5px;
}
#wrapper #mainContent #rightContent #ads #featuredAds2 {
	float: left;
	height: auto;
	width: 170px;
	margin-top: auto;
	margin-right: 5px;
	margin-bottom: auto;
	margin-left: 5px;
}
#wrapper #mainContent #rightContent #ads #featuredAds1 {
	float: left;
	height: auto;
	width: 170px;
	margin-top: auto;
	margin-right: 5px;
	margin-bottom: auto;
	margin-left: 5px;
}
#wrapper #mainContent #rightContent #ads #bottomAds {
	float: left;
	width: 730px;
	padding-top: 10px;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 10px;
}
#rightAdsSpace {
	float: right;
	width: 180px;
	padding-right: 12px;
}
#topAd {
	background-image: url(images/bg.png);
	background-repeat: repeat;
	height: 43px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	text-align: center;
}
.style8 {	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}
.style81 {font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
.style82 {font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.style82 {font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.style821 {font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.style821 {font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.style821 {font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.style821 {font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
#wrapper table tr td div {
	text-decoration: none;
}
#wrapper table tr td div a {
	text-decoration: none;
	color: #090000;
}
#wrapper table tr td div a:hover {
	text-decoration: underline;
}
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
#topAd #topMenu {
	padding: 10px;
	color: #FFF;
	font-size: 13px;
	font-family: Tahoma, Geneva, sans-serif;
	text-align: center;
}
#topAd #topMenu a {
	color: #FFF;
	text-decoration: none;
}
#topAd #topMenu a:hover {
	text-decoration: underline;
}
#footerMenu {
	background-color: #F3F3F3;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 5px;
}
#footerMenu div .style82 a {
	color: #090000;
	text-decoration: none;
}
#footerMenu div .style821 a {
	color: #090000;
	text-decoration: none;
}
#footerMenu div .style82 a:hover {
	text-decoration: underline;
}
#footerMenu div .style821 a:hover {
}
#footerMenu div .style821 a:hover {
	text-decoration: underline;
}
#topAd #loginDIV {
	float: right;
	width: 150px;
	text-align: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}
#topAd #topMenu #login {
	width: 90px;
	float: right;
	color: #030303;
	padding-right: 4px;
}
#topAd #topMenu #login a:hover {
	text-decoration: underline;
}
#topAd #topMenu #login a {
	color: #FFF;
	text-decoration: none;
}
#topAd #topMenu #language {
	float: right;
	width: 50px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: right;
}
#wrapper table tr td div #language {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #030303;
	padding-bottom: 8px;
}
#wrapper table tr td div #language a {
	color: #030303;
	text-decoration: none;
}
#wrapper table tr td div #language a:hover {
	text-decoration: underline;
}

-->
</style>
<!-- InstanceBeginEditable name="head" -->
<style type="text/css">
<!--
.style13 {font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
}
.style21 {font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.style822 {font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
}
-->
</style>
<!-- InstanceEndEditable -->
</head>

<body>
<!-- ******** BEGIN LIKNO WEB MODAL WINDOWS CODE FOR likno-modal-slideshow ******** -->
<script type="text/javascript">var lwmwLinkedBy="LiknoWebModalWindows [1]",lwmwName="likno-modal-slideshow",lwmwBN="136";</script><script charset="UTF-8" src="likno-scripts/likno-modal-slideshow.js" type="text/javascript"></script>
<!-- ******** END LIKNO WEB MODAL WINDOWS CODE FOR likno-modal-slideshow ******** -->

<div id="topAd"><!-- InstanceBeginEditable name="TopMenu" -->
  <div id="topMenu"><a href="index1.html">HOME</a> | <a href="search1.html">SEARCH</a> | <a href="membership1.html">MEMBERSHIP</a> | <a href="help1.html">HELP</a> | <a href="contacts1.html">CONTACTS</a>
    <div id="language"><a href="#">EN</a> | <a href="#">GR</a></div>
  </div>
<!-- InstanceEndEditable -->
  <div id="toppanel">
    <div id="panel">
      <div class="content clearfix">
        <div class="left">
          <h1>Welcome to HomeForYou.com</h1>
          <p class="grey">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam non felis a urna rhoncus facilisis. Ut suscipit nunc vitae massa euismod egestas. Mauris at leo nisi, et adipiscing velit. Nam ac quam ante. Integer pharetra bibendum orci, aliquam malesuada nibh condimentum a.</p>
          
        </div>
        <div class="left">
          <!-- Login Form -->
          <form class="clearfix" action="#" method="post">
            <h1>Member Login</h1>
            <label class="grey" for="log5">Username:</label>
            <input class="field" type="text" name="log" id="log5" value="" size="23" />
            <label class="grey" for="pwd">Password:</label>
            <input class="field" type="password" name="pwd" id="pwd" size="23" />
            <label>
              <input name="rememberme" id="rememberme" type="checkbox" checked="checked" value="forever" />
              &nbsp;Remember me</label>
            <div class="clear"></div>
            <input type="submit" name="submit" value="Login" class="bt_login" />
            <a class="lost-pwd" href="#">Lost your password?</a>
          </form>
        </div>
        <div class="left right">
          <!-- Register Form -->
          <form action="#" method="post">
            <h1>Not a member yet? Sign Up!</h1>
            <label class="grey" for="signup">Username:</label>
            <input class="field" type="text" name="signup" id="signup" value="" size="23" />
            <label class="grey" for="email">Email:</label>
            <input class="field" type="text" name="email" id="email" size="23" />
            <label>A password will be e-mailed to you.</label>
            <input type="submit" name="submit" value="Register" class="bt_register" />
          </form>
        </div>
      </div>
    </div>
    <!-- /login -->
    <!-- The tab on top -->
    <div class="tab">
      <ul class="login">
        <li class="left">&nbsp;</li>
        <li>Hello Guest!</li>
        <li class="sep">|</li>
        <li id="toggle"> <a id="open" class="open" href="#">Log In | Register</a> <a id="close" style="display: none;" class="close" href="#">Close Panel</a> </li>
        <li class="right">&nbsp;</li>
      </ul> 
    </div>
    <!-- / top -->
  </div>
</div>

<div id="wrapper">
  <div id="topMenuLogo">
    <table width="100%" border="0">
      <tr>
        <td width="20%" rowspan="2"><div align="left"><img src="images/logo.png" width="180" height="73" border="0" usemap="#Map" /></div></td>
      </tr>
      <tr>
        <td width="80%"><div align="left"><img src="images/topAd.png" alt="" width="722" height="73" /></div></td>
      </tr>
    </table>
  </div>
  <!-- InstanceBeginEditable name="MainContent" -->
  <div id="mainContent">
    <div id="leftContent">
      <table width="100%" border="0">
        <tr>
          <td colspan="2"><div align="left"><img src="images/shortlist_header.png" alt="1" width="229" height="26" /></div>
            <div align="left"></div></td>
        </tr>
        <tr>
          <td colspan="2">
          <ul id="column5" class="column">
            <li class="widget color-white" id="intro">
              <div class="widget-content"><br />
              </div>
            </li>
          
          </ul></td>
        </tr>
      </table>
    </div>
    <div id="rightContent">
      <div id="rightAdsSpace">
        <table width="100%" border="0">
          <tr>
            <td height="168"><img src="images/adsRightSide.png" alt="ad" width="180" height="166" /></td>
          </tr>
          <tr>
            <td><img src="images/adsRightSide.png" alt="ad" width="180" height="166" /></td>
          </tr>
          <tr>
            <td><img src="images/adsRightSide.png" alt="ad" width="180" height="166" /></td>
          </tr>
          <tr>
            <td><img src="images/adsRightSide.png" alt="ad" width="180" height="166" /></td>
          </tr>
          <tr>
            <td><img src="images/adsRightSide.png" alt="ad" width="180" height="166" /></td>
          </tr>
          <tr>
            <td><img src="images/adsRightSide.png" alt="ad" width="180" height="166" /></td>
          </tr>
          <tr>
            <td><img src="images/adsRightSide.png" alt="ad" width="180" height="166" /></td>
          </tr>
        </table>
      </div>
      <div id="search"></div>
      <div id="ads">
        <table width="100%" border="0">
          <tr>
            <td colspan="2" class="style822"><strong><span class="style821">CONTACT US</span></strong></td>
            <td class="style822">&nbsp;</td>
          </tr>
          <tr>
            <td colspan="2" class="style822">Please use the form below for your inquiries<br />
              We will review your request and get back to you within 48 hours<br />
              <br /></td>
            <td class="style822"><span class="style13">[Address and contact information]</span></td>
          </tr>
          <tr>
            <td width="13%" class="style822">First Name:</td>
            <td width="43%" class="style21"><label>
              <input name="textfield2" type="text" id="textfield2" size="30" maxlength="30" />
            </label></td>
            <td width="43%" class="style13">&nbsp;</td>
          </tr>
          <tr>
            <td class="style822">Last Name:</td>
            <td class="style21"><label>
              <input name="textfield3" type="text" id="textfield3" size="30" maxlength="30" />
            </label></td>
            <td class="style21">&nbsp;</td>
          </tr>
          <tr>
            <td class="style822">Email:</td>
            <td class="style21"><label>
              <input name="textfield4" type="text" id="textfield4" size="30" maxlength="30" />
            </label></td>
            <td class="style21">&nbsp;</td>
          </tr>
          <tr>
            <td class="style822">Address:</td>
            <td class="style21"><label>
              <input name="textfield5" type="text" id="textfield5" size="30" maxlength="30" />
            </label></td>
            <td class="style21">&nbsp;</td>
          </tr>
          <tr>
            <td class="style822">City:</td>
            <td class="style21"><label>
              <input name="textfield6" type="text" id="textfield6" size="30" maxlength="30" />
            </label></td>
            <td class="style21">&nbsp;</td>
          </tr>
          <tr>
            <td class="style822">Telephone 1:</td>
            <td class="style21"><label>
              <input type="text" name="textfield7" id="textfield7" />
            </label></td>
            <td class="style21">&nbsp;</td>
          </tr>
          <tr>
            <td class="style822">Telephone 2:</td>
            <td class="style21"><label>
              <input type="text" name="textfield8" id="textfield8" />
            </label></td>
            <td class="style21">&nbsp;</td>
          </tr>
          <tr>
            <td class="style822">Inquiry:</td>
            <td><label>
              <textarea name="textarea" id="textarea" cols="45" rows="5"></textarea>
            </label></td>
            <td>&nbsp;</td>
          </tr>
          <tr>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
          </tr>
          <tr>
            <td><input type="submit" name="register" id="register" value="Submit" /></td>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
          </tr>
          <tr>
            <td colspan="3"><span class="style21"><br />
              Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis quam nisl, placerat sit amet auctor in, dignissim ac augue.<br />
            </span></td>
          </tr>
        </table>
        <br />
        <div id="bottomAds">
          <table width="100%">
            <tr>
              <td><img src="images/adsBottom.png" alt="ad" width="228" height="228" /></td>
              <td><img src="images/adsBottom.png" alt="ad" width="228" height="228" /></td>
              <td><img src="images/adsBottom.png" alt="ad" width="228" height="228" /></td>
            </tr>
            <tr>
              <td colspan="3"><div align="left"><img src="images/adSampleNewBottom.png" alt="ad" width="712" height="96" /></div></td>
            </tr>
          </table>
        </div>
      </div>
    </div>
    <br />
  </div>
  <!-- InstanceEndEditable -->
  <table width="100%" border="0">
    <tr>
      <td>&nbsp;</td>
    </tr>
  </table>
</div>
<div id="footerMenu">
  <div align="center"><span class="style82"><a href="profile1.html">Profile</a> | <a href="terms1.html">Terms of Use</a> | <a href="privacy1.html">Privacy Statement</a> | <a href="sitemap1.html">Site Map</a></span><br />
    <span class="style821">Copyright 2010 home4you.com | All Rights Reserved<br />
  <a href="reportproblem1.html">Report a Problem</a> | <a href="opinion1.html">Tell Us Your Opinion</a></span> </div>
</div>

<map name="Map" id="Map">
  <area shape="rect" coords="-14,1,186,72" href="index1.html" />
</map>
    <script type="text/javascript" src="js/jquery-ui-personalized-1.6rc2.min.js"></script>
    <script type="text/javascript" src="js/cookie.jquery.js"></script>
    <script type="text/javascript" src="js/inettuts.js"></script>

</body>
<!-- InstanceEnd --></html>

Open in new window

0
 
LVL 75

Expert Comment

by:Michel Plungjan
ID: 34992160
Nope. Same error. Download Firefox an install firebug and web developer. They are must-haves
0
 
LVL 75

Expert Comment

by:Michel Plungjan
ID: 34992169
Sorry. Same error because I did not clear my cookies. Wait a sec, I'll test again from the start
0
 
LVL 75

Expert Comment

by:Michel Plungjan
ID: 34992174
I cannot drag on your index page

You need to set up a working set of pages
0
 

Author Comment

by:dino_angelides
ID: 34992187
I know ...... just doing some testings with different options....
link is
http://www.liteways.com/home4you/index1.html
0
 
LVL 75

Expert Comment

by:Michel Plungjan
ID: 34992194
I know. That page no longer works
0
 

Author Comment

by:dino_angelides
ID: 34992317
ok now it works...I am also including a zipped container of the whole site so we can see why it does not show on other pages... web.zip
0
 
LVL 75

Expert Comment

by:Michel Plungjan
ID: 34992371
I am sort of looking for some call to the widget.

Is it enough to just include it?
0
 

Author Comment

by:dino_angelides
ID: 34992409
what do u mean ?
0
 
LVL 75

Expert Comment

by:Michel Plungjan
ID: 34992574
There is some code but no invocationb
0
 
LVL 75

Expert Comment

by:Michel Plungjan
ID: 34992679
So things worked out?
0
 

Author Comment

by:dino_angelides
ID: 34992749
yeap i got what was going on, the reason why the data was not showing in other pages is because they were not there I mean physically on the page to just appear on the shortlist. Now I guess I have to do it with a database to store that info there
0
 

Author Comment

by:dino_angelides
ID: 34992751
i mean if there is not any other way to do so!!
0
 
LVL 75

Expert Comment

by:Michel Plungjan
ID: 34992759
Aha - I was actually wondering...

Yes there is for sure a way

Use ajax on the other pages, just save the key to the content in the cookie and request the text from the server
0
 

Author Comment

by:dino_angelides
ID: 34992840
I checked into it, i will probably post a new question to award more points if you are interested in pointing me to the right direction!!!
0
 
LVL 75

Expert Comment

by:Michel Plungjan
ID: 34992859
jQuery ajax is ridiculously simple

http://api.jquery.com/jQuery.get/
0

Featured Post

Get 15 Days FREE Full-Featured Trial

Benefit from a mission critical IT monitoring with Monitis Premium or get it FREE for your entry level monitoring needs.
-Over 200,000 users
-More than 300,000 websites monitored
-Used in 197 countries
-Recommended by 98% of users

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

This article explains how to prepare an HTML email signature template file containing dynamic placeholders for users' Azure AD data. Furthermore, it explains how to use this file to remotely set up a department-wide email signature policy in Office …
When crafting your “Why Us” page, there are a plethora of pitfalls to avoid. Follow these five tips, and you’ll be well on your way to creating an effective page.
In this tutorial viewers will learn how add a scalable full-width header using CSS3. Create a new HTML document with an internal stylesheet. Set a tiled background.:  Create a new div and name it Header. Position it with position:absolute at the top…
The viewer will receive an overview of the basics of CSS showing inline styles. In the head tags set up your style tags: (CODE) Reference the nav tag and set your properties.: (CODE) Set the reference for the UL element and styles for it to ensu…
Suggested Courses

623 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question