Solved

Passing jquery cookies to multiple pages

Posted on 2011-02-26
22
615 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
Creating Instructional Tutorials  

For Any Use & On Any Platform

Contextual Guidance at the moment of need helps your employees/users adopt software o& achieve even the most complex tasks instantly. Boost knowledge retention, software adoption & employee engagement with easy solution.

 

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

Enroll in May's Course of the Month

May’s Course of the Month is now available! Experts Exchange’s Premium Members and Team Accounts have access to a complimentary course each month as part of their membership—an extra way to increase training and boost professional development.

Question has a verified solution.

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

When it comes to write a Context Sensitive Help (an online help that is obtained from a specific point in state of software to provide help with that state) ,  first we need to make the file that contains all topics, which are given exclusive IDs. …
Use these top 10 tips to master the art of email signature design. Create an email signature design that will easily wow recipients, promote your brand and highlight your professionalism.
In this tutorial viewers will learn how to style elements, such a divs, with a "drop shadow" effect using the CSS box-shadow property Start with a normal styled element, such as a div.: In the element's style, type the box shadow property: "box-shad…
In this tutorial viewers will learn how to embed an audio file in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: : The declaration should display (CODE) HTML5 is supported by the most recent versions of all major browsers…

734 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