Monday, April 16, 2012 · 12:56 AM
I've the same problem like yu Shikha Kholi here is what i did:
/* head page.xml*/
<block type="page/html_head" name="head" as="head">
<action method="addJs"><script>prototype/carousel.js</script></action>
<action method="addJs"><script>prototype/carousel-min.js</script></action>
<action method="addJs"><script>prototype/prototype.js</script></action>
<action method="addJs"><script>prototype/builder.js</script></action>
<action method="addJs"><script>prototype/controls.js</script></action>
<action method="addJs"><script>prototype/scriptaculous.js</script></action>
<action method="addJs"><script>prototype/slider.js</script></action>
<action method="addJs"><script>prototype/effects.js</script></action>
<action method="addJs"><script>prototype/dragdrop.js</script></action>
<action method="addJs"><script>prototype/prototype.js</script></action>
<action method="addJs"><script>lib/ccard.js</script></action>
<action method="addJs"><script>prototype/validation.js</script></action>
<action method="addJs"><script>scriptaculous/builder.js</script></action>
<action method="addJs"><script>scriptaculous/effects.js</script></action>
<action method="addJs"><script>scriptaculous/dragdrop.js</script></action>
<action method="addJs"><script>scriptaculous/controls.js</script></action>
<action method="addJs"><script>scriptaculous/slider.js</script></action>
<action method="addJs"><script>varien/js.js</script></action>
<action method="addJs"><script>varien/form.js</script></action>
<action method="addJs"><script>varien/menu.js</script></action>
<action method="addJs"><script>mage/translate.js</script></action>
<action method="addJs"><script>mage/cookies.js</script></action>
<action method="addCss"><stylesheet>css/styles.css</stylesheet></action>
<action method="addItem"><type>skin_css</type><name>css/styles-ie.css</name><params/><if>lt IE 8</if></action>
<action method="addCss"><stylesheet>css/widgets.css</stylesheet></action>
<action method="addCss"><stylesheet>css/print.css</stylesheet><params>media="print"</params></action>
<action method="addItem"><type>js</type><name>lib/ds-sleight.js</name><params/><if>lt IE 7</if></action>
<action method="addItem"><type>skin_js</type><name>js/ie6.js</name><params/><if>lt IE 7</if></action>
</block>
/*that in home page cms */
<div id="carousel-wrapper">
<div id="carousel-content">
<div id="slide1" class="slide"><a><img src="http://localhost/magento/skin/frontend/default/stoner/images/picslidernivo_1.jpg" border="0" alt="" /> </a></div>
<div id="slide2" class="slide"><a> <img src="http://localhost/magento/skin/frontend/default/stoner/images/picslidernivo_2.jpg" border="0" alt="" /> </a></div>
<div id="slide3" class="slide"><a> <img src="http://localhost/magento/skin/frontend/default/stoner/images/picslidernivo_3.jpg" border="0" alt="" /> </a></div>
<div id="slide4" class="slide"><a> <img src="http://localhost/magento/skin/frontend/default/stoner/images/picslidernivo_4.jpg" border="0" alt="" /> </a></div>
</div>
<div class="menu">
<a href="#" rel="slide1" class="tab carousel-jumper">&#9830;</a>
<a href="#" rel="slide2" class="tab carousel-jumper">&#9830;</a>
<a href="#" rel="slide3" class="tab carousel-jumper">&#9830;</a>
<a href="#" rel="slide4" class="tab carousel-jumper">&#9830;</a>
</div>
<script type="text/javascript">
slider = new Carousel($('carousel-wrapper'),
$$('#carousel-wrapper .slide'),
$$(' a.carousel-jumper', 'a.carousel-control'),
{ duration: 0.5, auto: true,
frequency: 10, circular: 'true',
effect: 'fade', selectedClassName: 'selected'});
</script>
/* styles css*/
</div>
#carousel-wrapper{
width: 960px;
height: 276px;
overflow: hidden;
}
carousel-content{
width: 2500px;
}
carousel-content .slide {
float: left;
width: 960px;
height: 276px;
}
when i m using firebug i can't find all links of javascript
<!DOCTYPE html >
<html lang="fr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Home page</title>
<meta name="description" content="Default Description" />
<meta name="keywords" content="Magento, Varien, E-commerce" />
<meta name="robots" content="INDEX,FOLLOW" />
<link rel="icon" href="http://localhost/magento/skin/frontend/default/stoner/favicon.ico" type="image/x-icon" />
<link rel="shortcut icon" href="http://localhost/magento/skin/frontend/default/stoner/favicon.ico" type="image/x-icon" />
<!--[if lt IE 7]>
<script type="text/javascript">
//<![CDATA[
var BLANK_URL = 'http://localhost/magento/js/blank.html';
var BLANK_IMG = 'http://localhost/magento/js/spacer.gif';
//]]>
</script>
<![endif]-->
<link rel="stylesheet" type="text/css" href="http://localhost/magento/media/css/c564176558c481ff88d4e635e83d7dd6.css" media="all" />
<link rel="stylesheet" type="text/css" href="http://localhost/magento/media/css/9cc8c01ed0cefda8841715684667f6e5.css" media="print" />
<script type="text/javascript" src="http://localhost/magento/media/js/068a5b51805578f6a910c500da836a65.js"></script>
<!--[if lt IE 8]>
<link rel="stylesheet" type="text/css" href="http://localhost/magento/media/css/ef260af22dcd43e72599db148e6d150a.css" media="all" />
<![endif]-->
<!--[if lt IE 7]>
<script type="text/javascript" src="http://localhost/magento/media/js/077e192f369ff8794f7304c5054a09ea.js"></script>
<![endif]-->
<script type="text/javascript">
//<![CDATA[
optionalZipCountries = ["HK","IE","MO","PA"];
//]]>
</script>
<script type="text/javascript">var Translator = new Translate({"Please select an option.":"S\u00e9lectionnez une option","This is a required field.":"Ce champ est obligatoire.","Please enter a valid number in this field.":"Veuillez saisir un nombre valide.","Please use numbers only in this field. Please avoid spaces or other characters such as dots or commas.":"Seuls les chiffres sont autoris\u00e9s dans ce champ. \u00c9vitez les espaces ou autres caract\u00e8res tels que les points ou les virgules.","Please use letters only (a-z) in this field.":"Veuillez utiliser uniquement des lettres (a-z) dans ce champ.","Please use only letters (a-z), numbers (0-9) or underscore() in this field, first character should be a letter.":"Veuillez utiliser uniquement des lettres (a-z), des chiffres (0-9) ou underscore () dans ce champ, en commen\u00e7ant par une lettre.","Please use only letters (a-z) or numbers (0-9) only in this field. No spaces or other characters are allowed.":"Veuillez utiliser uniquement des lettres (a-z) ou des chiffres (0-9) dans ce champ. Les espaces et autres caract\u00e8res ne sont pas autoris\u00e9s.","Please use only letters (a-z) or numbers (0-9) or spaces and # only in this field.":"Veuillez utiliser uniquement des lettres (a-z), des chiffres (0-9), des espaces ou des di\u00e8ses (#) dans ce champ.","Please enter a valid phone number. For example (123) 456-7890 or 123-456-7890.":"Veuillez saisir un num\u00e9ro de t\u00e9l\u00e9phone valide.","Please enter a valid date.":"Veuillez saisir une date valide.","Please enter a valid email address. For example johndoe@domain.com.":"Veuillez saisir une adresse email valide. Par exemple prenom.nom@domaine.com","Please enter 6 or more characters.":"Veuillez saisir au moins 6 caract\u00e8res.","Please make sure your passwords match.":"V\u00e9rifiez que vos mots de passe concordent.","Please enter a valid URL. Protocol is required (http:\/\/, https:\/\/ or ftp:\/\/)":"Veuillez saisir une URL valide. Le protocole est obligatire (http:\/\/, https:\/\/ ou ftp:\/\/)","Please enter a valid URL. For example http:\/\/www.example.com or www.example.com":"Veuillez saisir une URL valide. Par exemple http:\/\/www.exemple.com ou www.exemple.com","Please enter a valid social security number. For example 123-45-6789.":"Veuillez saisir un num\u00e9ro de s\u00e9curit\u00e9 sociale valide. Par exemple 123-45-6789.","Please enter a valid zip code. For example 90602 or 90602-1234.":"Veuillez saisir un code postal valide. Par exemple 92100.","Please enter a valid zip code.":"Veuillez saisir un code postal valide.","Please use this date format: dd\/mm\/yyyy. For example 17\/03\/2006 for the 17th of March, 2006.":"Veuillez utiliser ce format de date : jj\/mm\/aaaa. Par exemple, 21\/12\/2012 pour le 21 D\u00e9cembre 2012.","Please enter a valid $ amount. For example $100.00.":"Veuillez saisir un montant valide. Par exemple 100.00 \u20ac.","Please select one of the above options.":"Veuillez choisir une des options ci-dessus.","Please select one of the options.":"Veuillez choisir une des options.","Please select State\/Province.":"Veuillez choisir un \u00e9tat\/province.","Please enter valid password.":"Veuillez saisir un mot de passe valide.","Please enter 6 or more characters. Leading or trailing spaces will be ignored.":"Veuillez saisir au moins 6 caract\u00e8res. Les espaces en d\u00e9but ou en fin de cha\u00eene seront ignor\u00e9s.","Please use letters only (a-z or A-Z) in this field.":"Veuillez utiliser uniquement des lettres (a-z ou A-Z) dans ce champ.","Please enter a number greater than 0 in this field.":"Veuillez saisir un nombre sup\u00e9rieur \u00e0 0 dans ce champ.","Please enter a valid credit card number.":"Veuillez saisir un num\u00e9ro de carte bancaire valide.","Please wait, loading...":"Veuillez patienter, chargement en cours...","Please choose to register or to checkout as a guest":"Choisissez de vous enregistrer ou de passer votre commande en tant qu'invit\u00e9","Error: Passwords do not match":"Erreur : les mots de passe sont diff\u00e9rents","Your order cannot be completed at this time as there is no shipping methods available for it. Please make necessary changes in your shipping address.":"Vous ne pouvez pas continuer votre commande car aucun mode de livraison n'est disponible pour votre adresse.","Please specify shipping method.":"Choisissez un mode de livraison.","Your order cannot be completed at this time as there is no payment methods available for it.":"Vous ne pouvez pas continuer votre commande car aucun mode de paiement n'est disponible.","Please specify payment method.":"Choisissez un mode de paiement.","Credit card number does not match credit card type.":"Le num\u00e9ro de carte ne correspond pas au type de carte.","Card type does not match credit card number.":"Le type de carte ne correspond pas au num\u00e9ro de carte.","Please enter a valid credit card verification number.":"Veuillez saisir un num\u00e9ro de v\u00e9rification de carte bancaire valide.","Please use only letters (a-z or A-Z), numbers (0-9) or underscore() in this field, first character should be a letter.":"Utilisez uniquement des lettres (a-z ou A-Z), des chiffres (0-9) ou des underscores () dans ce champ. Le premier caract\u00e8re doit \u00eatre une lettre.","Please input a valid CSS-length. For example 100px or 77pt or 20em or .5ex or 50%.":"Veuillez saisir une longueur CSS valide. Par exemple 100px ou 77pt ou 20 em ou .5ex ou 50%.","Maximum length exceeded.":"D\u00e9passement de la longueur maximum","Your session has been expired, you will be relogged in now.":"Votre session a expir\u00e9, veuillez vous connecter \u00e0 nouveau.","Incorrect credit card expiration date.":"Mauvaise date d'expiration de carte de cr\u00e9dit.","This date is a required value.":"Cette date est obligatoire.","The value is not within the specified range.":"La valeur n'est pas dans la plage sp\u00e9cifi\u00e9e.","Please use only letters (a-z or A-Z) or numbers (0-9) only in this field. No spaces or other characters are allowed.":"Veuillez utiliser uniquement des lettres (a-z) ou des chiffres (0-9) dans ce champ. Les espaces et autres caract\u00e8res ne sont pas autoris\u00e9s.","Please use only letters (a-z or A-Z) or numbers (0-9) or spaces and # only in this field.":"Veuillez utiliser uniquement des lettres (a-z), des chiffres (0-9), des espaces ou des di\u00e8ses (#) dans ce champ.","Please enter a valid fax number. For example (123) 456-7890 or 123-456-7890.":"Veuillez saisir un num\u00e9ro de fax valide. Par exemple 0123456789.","Please use only visible characters and spaces.":"Veuillez utiliser uniquement des caract\u00e8res visibles et des espaces.","Please enter 7 or more characters. Password should contain both numeric and alphabetic characters.":"Veuillez saisir au moins 7 caract\u00e8res. Le mot de passe doit contenir \u00e0 la fois des caract\u00e8res num\u00e9riques et alphab\u00e9tiques.","Please enter a valid URL Key. For example \"example-page\", \"example-page.html\" or \"anotherlevel\/example-page\".":"Veuillez saisir une URL valide. Par exemple \"page-exemple\", \"page-exemple.html\" ou \"niveau\/page-exemple\".","Please enter a valid XML-identifier. For example something1, block5, id-4.":"Veuillez saisir un identifiant XML valide. Par exemple, quelquechose1, bloc5, id-4.","Please enter a number 0 or greater in this field.":"Veuillez saisir un nombre sup\u00e9rieur ou \u00e9gal \u00e0 0 dans ce champ.","Text length does not satisfy specified text range.":"La longueur du texte ne satisfait pas la plage de texte sp\u00e9cifi\u00e9e.","Please enter a number lower than 100.":"Veuillez saisir un nombre inf\u00e9rieur \u00e0 100.","Please enter issue number or start date for switch\/solo card type.":"Veuillez saisir le num\u00e9ro de probl\u00e8me ou une date de d\u00e9but pour le type de carte switch\/solo.","Please enter a valid day (1-%d).":"Veuillez saisir un jour valide (1-%d).","Please enter a valid month (1-12).":"Veuillez saisir un mois valide (1-12).","Please enter a valid year (1900-%d).":"Veuillez saisir une ann\u00e9e valide (1900-%d).","Please enter a valid full date":"Veuillez saisir une date compl\u00e8te valide.","Please enter a valid date between %s and %s":"Veuillez saisir une date valide entre %s et %s","Please enter a valid date equal to or greater than %s":"Veuillez saisir une date valide \u00e9gale ou sup\u00e9rieure \u00e0 %s","Please enter a valid date less than or equal to %s":"Veuillez saisir une date valide inf\u00e9rieure ou \u00e9gale \u00e0 %s"});</script> </head>
Uncaught TypeError: undefined is not a function
<body class=" cms-index-index cms-home">
<div class="wrapper">
<noscript>
<div class="noscript">
<div class="noscript-inner">
<p><strong>Apparemment, javascript est désactivé sur votre navigateur.</strong></p>
<p>Javascript doit être activé dans votre navigateur pour utiliser toutes les fonctionnalités de ce site.</p>
</div>
</div>
</noscript>
<div class="page">
<header>
<div class="header-container">
<div class="header">
<ul class="links">
<li class="first" ><a href="http://localhost/magento/index.php/dailydeal/" title="Daily Deal" >Daily Deal</a></li>
<li ><a href="http://localhost/magento/index.php/customer/account/" title="Mon compte" >Mon compte</a></li>
<li ><a href="http://localhost/magento/index.php/wishlist/" title="Ma liste d'envies" >Ma liste d'envies</a></li>
<li ><a href="http://localhost/magento/index.php/checkout/cart/" title="Mon panier" class="top-link-cart">Mon panier</a></li>
<li ><a href="http://localhost/magento/index.php/checkout/" title="Commander" class="top-link-checkout">Commander</a></li>
<li class=" last" ><a href="http://localhost/magento/index.php/customer/account/login/" title="Connexion" >Connexion</a></li>
</ul>
<h1 class="logo"><strong>Magento Commerce</strong>
<a href="http://localhost/magento/index.php/" title="Magento Commerce" class="logo">
<img src="http://localhost/magento/skin/frontend/default/stoner/images/logo.gif" alt="Magento Commerce" /></a></h1>
<div class="nav-container">
<ul id="nav">
<li class="active">
<a href="http://localhost/magento/index.php/">Accueil</a>
</li>
<li class="level0 nav-1 level-top first">
<a href="http://localhost/magento/index.php/ahmed.html" class="level-top">
<span>ahmed</span>
</a>
</li><li class="level0 nav-2 level-top parent">
<a href="http://localhost/magento/index.php/ordinateur.html" class="level-top">
<span>Blisterback</span>
</a>
<ul class="level0">
<li class="level1 nav-2-1 first">
<a href="http://localhost/magento/index.php/ordinateur/kits.html">
<span>kits</span>
</a>
</li><li class="level1 nav-2-2 last">
<a href="http://localhost/magento/index.php/ordinateur/assembled.html">
<span>assembled</span>
</a>
</li>
</ul>
</li><li class="level0 nav-3 level-top">
<a href="http://localhost/magento/index.php/litsbacks.html" class="level-top">
<span>litsbacks</span>
</a>
</li><li class="level0 nav-4 level-top last">
<a href="http://localhost/magento/index.php/deals.html" class="level-top">
<span>Deals</span>
</a>
</li> </ul>
</div>
<!--
<p class="top-promo" title="Livraison gratuite sur les commandes de plus de 50€">Livraison gratuite sur les commandes de plus de 50€</p>
-->
<!--</div>
<div class="quick-access">
-->
<!--
<p class="welcome-msg">Default welcome msg!</p>
<ul class="links">
<li class="first" ><a href="http://localhost/magento/index.php/dailydeal/" title="Daily Deal" >Daily Deal</a></li>
<li ><a href="http://localhost/magento/index.php/customer/account/" title="Mon compte" >Mon compte</a></li>
<li ><a href="http://localhost/magento/index.php/wishlist/" title="Ma liste d'envies" >Ma liste d'envies</a></li>
<li ><a href="http://localhost/magento/index.php/checkout/cart/" title="Mon panier" class="top-link-cart">Mon panier</a></li>
<li ><a href="http://localhost/magento/index.php/checkout/" title="Commander" class="top-link-checkout">Commander</a></li>
<li class=" last" ><a href="http://localhost/magento/index.php/customer/account/login/" title="Connexion" >Connexion</a></li>
</ul>
//nav acccount.....
</div>-->
<div class="top-bar"><form id="search_mini_form" action="http://localhost/magento/index.php/catalogsearch/result/" method="get">
<div class="form-search">
<label for="search">Chercher</label>
<input id="search" type="text" name="q" value="" class="input-text" />
<button type="submit" title="Lancer" class="button"><span><span>Lancer</span></span></button>
<div id="search_autocomplete" class="search-autocomplete"></div>
<script type="text/javascript">
//<![CDATA[
var searchForm = new Varien.searchForm('search_mini_form', 'search', 'Rechercher...');
Uncaught TypeError: Cannot read property 'searchForm' of undefined
searchForm.initAutocomplete('http://localhost/magento/index.php/catalogsearch/ajax/suggest/', 'search_autocomplete');
//]]>
</script>
</div>
</form></div>
</div>
</header>
<!-- <div id="carousel-wrapper">
<div id="carousel-content">
<div id="slide1" class="slide"><a><img src="http://localhost/magento/skin/frontend/default/stoner/images/picslidernivo_1.jpg" border="0" alt="" /> </a></div>
<div id="slide2" class="slide"><a> <img src="http://localhost/magento/skin/frontend/default/stoner/images/picslidernivo_2.jpg" border="0" alt="" /> </a></div>
<div id="slide3" class="slide"><a> <img src="http://localhost/magento/skin/frontend/default/stoner/images/picslidernivo_3.jpg" border="0" alt="" /> </a></div>
<div id="slide4" class="slide"><a> <img src="http://localhost/magento/skin/frontend/default/stoner/images/picslidernivo_4.jpg" border="0" alt="" /> </a></div>
</div>
<div class="menu">
<a class="tab carousel-jumper" rel="slide1" href="#">♦</a>
<a class="tab carousel-jumper" rel="slide2" href="#">♦</a>
<a class="tab carousel-jumper" rel="slide3" href="#">♦</a>
<a class="tab carousel-jumper" rel="slide4" href="#">♦</a>
</div>
<script type="text/javascript">
Pine_Slider = new Carousel ($ ('carrousel-wrapper'),
$$ (' # carrousel-wrapper diapositive.),
$$ ('A.carousel-cavalier», «a.carousel-contrôle»),
{duration: 0,5, auto: true,
fréquence: 10, circulaire: «vrai», effet: «fondu», selectedClassName: «choisi»});
</script>
<script type="text/javascript">
Pine_Slider carousel = new Carousel($('carousel-wrapper'),
$$('.slide'),
$$('a.carousel-jumper', 'a.carousel-control'),
{optiune:valoare, optiune:valoare, etc});
</script>
</div>
-->
<div class="main-container col2-right-layout">
<div class="main">
<div class="col-main">
<div class="std"><div id="carousel-wrapper">
<div id="carousel-content">
<div id="slide1" class="slide"><a><img src="http://localhost/magento/skin/frontend/default/stoner/images/picslidernivo_1.jpg" border="0" alt="" /> </a></div>
<div id="slide2" class="slide"><a> <img src="http://localhost/magento/skin/frontend/default/stoner/images/picslidernivo_2.jpg" border="0" alt="" /> </a></div>
<div id="slide3" class="slide"><a> <img src="http://localhost/magento/skin/frontend/default/stoner/images/picslidernivo_3.jpg" border="0" alt="" /> </a></div>
<div id="slide4" class="slide"><a> <img src="http://localhost/magento/skin/frontend/default/stoner/images/picslidernivo_4.jpg" border="0" alt="" /> </a></div>
</div>
<div class="menu"><a class="tab carousel-jumper" rel="slide1" href="#">♦</a> <a class="tab carousel-jumper" rel="slide2" href="#">♦</a> <a class="tab carousel-jumper" rel="slide3" href="#">♦</a> <a class="tab carousel-jumper" rel="slide4" href="#">♦</a></div>
<script type="text/javascript">// <![CDATA[
Pine_Slider = new Carousel ($ ('carrousel-wrapper »), $ $ (' # carrousel-wrapper diapositive.), $ $ ('A.carousel-cavalier», «a.carousel-contrôle»), {duration: 0,5, auto: true, fréquence: 10, circulaire: «vrai», effet: «fondu», selectedClassName: «choisi»});
Uncaught SyntaxError: Unexpected token ILLEGAL
// ]]></script>