Solved

Passing jquery cookies to multiple pages

Posted on 2011-02-26
22
599 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
  • 12
  • 9
22 Comments
 
LVL 75

Expert Comment

by:Michel Plungjan
Comment Utility
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 82

Expert Comment

by:Dave Baldwin
Comment Utility
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
Comment Utility
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
 

Author Comment

by:dino_angelides
Comment Utility
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
Comment Utility
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
Comment Utility
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
Comment Utility
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
Comment Utility
Nope. Same error. Download Firefox an install firebug and web developer. They are must-haves
0
 
LVL 75

Expert Comment

by:Michel Plungjan
Comment Utility
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
Comment Utility
I cannot drag on your index page

You need to set up a working set of pages
0
 

Author Comment

by:dino_angelides
Comment Utility
I know ...... just doing some testings with different options....
link is
http://www.liteways.com/home4you/index1.html
0
How your wiki can always stay up-to-date

Quip doubles as a “living” wiki and a project management tool that evolves with your organization. As you finish projects in Quip, the work remains, easily accessible to all team members, new and old.
- Increase transparency
- Onboard new hires faster
- Access from mobile/offline

 
LVL 75

Expert Comment

by:Michel Plungjan
Comment Utility
I know. That page no longer works
0
 

Author Comment

by:dino_angelides
Comment Utility
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
Comment Utility
I am sort of looking for some call to the widget.

Is it enough to just include it?
0
 

Author Comment

by:dino_angelides
Comment Utility
what do u mean ?
0
 
LVL 75

Expert Comment

by:Michel Plungjan
Comment Utility
There is some code but no invocationb
0
 
LVL 75

Expert Comment

by:Michel Plungjan
Comment Utility
So things worked out?
0
 

Author Comment

by:dino_angelides
Comment Utility
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
Comment Utility
i mean if there is not any other way to do so!!
0
 
LVL 75

Expert Comment

by:Michel Plungjan
Comment Utility
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
Comment Utility
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
Comment Utility
jQuery ajax is ridiculously simple

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

Featured Post

Enabling OSINT in Activity Based Intelligence

Activity based intelligence (ABI) requires access to all available sources of data. Recorded Future allows analysts to observe structured data on the open, deep, and dark web.

Join & Write a Comment

Having worked on larger scale sites, we found out that you are bound to look at more scalable solutions to integrating widgets, code snippets or complete applications and mesh them into functional sites, in any given composition. To share some of…
Have you tried to learn about Unicode, UTF-8, and multibyte text encoding and all the articles are just too "academic" or too technical? This article aims to make the whole topic easy for just about anyone to understand.
In this tutorial viewers will learn how to embed videos in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: "<!DOCTYPE html>": Use the <video> tag to insert a video. Define the src as the URL of your video; this is similar to …
The viewer will learn how to create a basic form using some HTML5 and PHP for later processing. Set up your basic HTML file. Open your form tag and set the method and action attributes.: (CODE) Set up your first few inputs one for the name and …

743 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

Need Help in Real-Time?

Connect with top rated Experts

11 Experts available now in Live!

Get 1:1 Help Now