Erreur Pb
Résolu
griko
Messages postés
343
Date d'inscription
Statut
Membre
Dernière intervention
-
griko Messages postés 343 Date d'inscription Statut Membre Dernière intervention -
griko Messages postés 343 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
voici un code que j'ai récupéré, c'est pour des onglet avec gesion du sous menu en php.
Mais quand je met
http://127.0.0.1/cineco.fr/film/film.php?fiche=179&yourtabsmenu=2
il devrai ouvrir l'onglet avec l'id 2
il va dessu, avec la couleur de l'onglet, on voit bien mais le contenu ne s'affiche pas et dès que l'on passe la souris sur cette onglet, le contenu s'affiche.
Comment y remédier?*
Voici tout le code pour avoir cette fonction :
css
JS
php (page où on met le menu)
Php (sous menu)
Voila, j'attends une réponse ...
(Pour voir en graphique :
http://cineco.fr/film/film.php?fiche=179
voici un code que j'ai récupéré, c'est pour des onglet avec gesion du sous menu en php.
Mais quand je met
http://127.0.0.1/cineco.fr/film/film.php?fiche=179&yourtabsmenu=2
il devrai ouvrir l'onglet avec l'id 2
il va dessu, avec la couleur de l'onglet, on voit bien mais le contenu ne s'affiche pas et dès que l'on passe la souris sur cette onglet, le contenu s'affiche.
Comment y remédier?*
Voici tout le code pour avoir cette fonction :
css
/* ######### CSS for top level tabs ######### */ .tabsmenuclass ul{ overflow: hidden; width: 800px; margin: 0; padding: 0; list-style-type: none; } .tabsmenuclass li{ float: left; } .tabsmenuclass a{ display: block; padding: 5px 7px; background: #0065CA; color: black; margin-right: 1px; text-decoration: none; font: bold 13px Arial; } .tabsmenuclass a:hover, .tabsmenuclass a.selected{ background: #004080; color: white; } /* ######### CSS for sub menu container below ######### */ .tabsmenucontentclass{ clear: left; width: 606px; height: auto; } .tabsmenucontentclass ul{ margin: 0; padding: 0; list-style-type: none; text-align: center; } .tabsmenucontentclass li{ margin-right: 1em; }
JS
//Mouseover Tabs Menu: By http://www.dynamicdrive.com //** Aug 4th, 08': Script creation date var mouseovertabsmenu={ disappeardelay: 250, //set delay in miliseconds before sub menu disappears onmouseout ajaxloadingmsg: 'Chargement du contenu du sous menu...', //Message to show inside sub menu while fetching contents ///////No need to edit beyond here////////////////////// tabsmenutree:{}, initializetabs:function(tabsmenuid, submenuid, tabcontentsLength, disappearBool){ var tabmenu=document.getElementById(tabsmenuid) var tablinks=tabmenu.getElementsByTagName("a") var submenu=document.getElementById(submenuid) var selected=null, tablinks_count=0 for (var i=0; i<tablinks.length; i++){ tablinks[i]._parentid=tabsmenuid var relattr=tablinks[i].getAttribute("rel") if (/^gotsubmenu/i.test(relattr) && tablinks_count<tabcontentsLength){ //if "rel" attribute starts with="gotsubmenu" and a tab content exists for this tab based on its order tablinks[i]._pos=tablinks_count //remember position of this tab relative to its active peers if (relattr.indexOf("[selected]")!=-1){ selected=tablinks_count } this.addEvent(tablinks[i], function(){ var tabsmenutree=mouseovertabsmenu.tabsmenutree[this._parentid] mouseovertabsmenu.clearhidetimer(tabsmenutree.submenu.hidetimer) mouseovertabsmenu.showsubmenu(this) }, "mouseover") tablinks_count++ this.tabsmenutree[tabsmenuid].tabs.push(tablinks[i]) //add this tab to tab collection } else{ //else for regular tab links (with no "rel" attribute) this.addEvent(tablinks[i], function(){ mouseovertabsmenu.hidesubmenu(this._parentid) }, "mouseover") } } this.addEvent(submenu, function(e){ mouseovertabsmenu.clearhidetimer(this.hidetimer) }, "mouseover") if (disappearBool==true){ this.addEvent(submenu, function(e){ //hide submenu contents when mouse rolls out of submenu DIV if (!mouseovertabsmenu.isContained(this, e)){ var cursubmenuobj=this this.hidetimer=setTimeout(function(){mouseovertabsmenu.hidesubmenu(cursubmenuobj._parentid)}, mouseovertabsmenu.disappeardelay) } }, "mouseout") } var urlselected=this.urlparamselect(tabsmenuid) //return position of selected tab (relative to its peers), or null return typeof urlselected=="number"? urlselected : document.getElementById(urlselected)? document.getElementById(urlselected)._pos : selected }, ajaxload:function(tabsmenuid, submenuid, disappearBool, url){ var page_request = false if (window.ActiveXObject){ //Test for support for ActiveXObject in IE first (as XMLHttpRequest in IE7 is broken) try { page_request = new ActiveXObject("Msxml2.XMLHTTP") } catch (e){ try{ page_request = new ActiveXObject("Microsoft.XMLHTTP") } catch (e){} } } else if (window.XMLHttpRequest) // if Mozilla, Safari etc page_request = new XMLHttpRequest() else return false var tabsmenutree=this.tabsmenutree[tabsmenuid] tabsmenutree.submenu.innerHTML=this.ajaxloadingmsg var ajaxfriendlyurl=url.replace(/^http:\/\/[^\/]+\//i, "http://"+window.location.hostname+"/") page_request.onreadystatechange=function(){ mouseovertabsmenu.ajaxpopulate(page_request, tabsmenuid, submenuid, disappearBool, ajaxfriendlyurl) } var bustcache=(ajaxfriendlyurl.indexOf("?")!=-1)? "&"+new Date().getTime() : "?"+new Date().getTime() page_request.open('GET', ajaxfriendlyurl+bustcache, true) page_request.send(null) }, ajaxpopulate:function(page_request, tabsmenuid, submenuid, disappearBool, url){ if (page_request.readyState == 4 && (page_request.status==200 || window.location.href.indexOf("http")==-1)){ var tabsmenutree=this.tabsmenutree[tabsmenuid] tabsmenutree.submenu.innerHTML=page_request.responseText var innerdivs=tabsmenutree.submenu.getElementsByTagName("div") for (var i=0; i<innerdivs.length; i++){ if (/tabsmenucontent/i.test(innerdivs[i].className)){ tabsmenutree.submenu_divs.push(innerdivs[i]) } } var selected=this.initializetabs(tabsmenuid, submenuid, tabsmenutree.submenu_divs.length, disappearBool) if (selected!=null && selected<tabsmenutree.submenu_divs.length){ innerdivs[selected].style.display="block" this.css(tabsmenutree.tabs[selected], "selected", "add") tabsmenutree.submenu._prevselected=selected } } }, showsubmenu:function(linkobj){ var tabsmenutree=this.tabsmenutree[linkobj._parentid] this.hidesubmenu(linkobj._parentid) var selected=parseInt(linkobj._pos) tabsmenutree.submenu_divs[selected].style.display="block" this.css(tabsmenutree.tabs[selected], "selected", "add") tabsmenutree.submenu._prevselected=selected }, hidesubmenu:function(tabsmenuid){ var tabsmenutree=this.tabsmenutree[tabsmenuid] var prevselectedindex=tabsmenutree.submenu._prevselected if (typeof prevselectedindex!="undefined"){ tabsmenutree.submenu_divs[prevselectedindex].style.display="none" this.css(tabsmenutree.tabs[prevselectedindex], "selected", "remove") } }, clearhidetimer:function(timerid){ if (timerid) clearTimeout(timerid) }, css:function(el, targetclass, action){ var needle=new RegExp("(^|\\s+)"+targetclass+"($|\\s+)", "ig") if (action=="check") return needle.test(el.className) else if (action=="remove") el.className=el.className.replace(needle, "") else if (action=="add" && !needle.test(el.className)) el.className+=" "+targetclass }, isContained:function(m, e){ var e=window.event || e var c=e.relatedTarget || ((e.type=="mouseover")? e.fromElement : e.toElement) while (c && c!=m)try {c=c.parentNode} catch(e){c=m} if (c==m) return true else return false }, urlparamselect:function(tabsmenuid){ var result=window.location.search.match(new RegExp(tabsmenuid+"=(\\w+)", "i")) //check for "?tabsmenuid=id_or_pos_of_selected_tab" in URL var selectedtabstr=RegExp.$1 return /^\d+$/.test(selectedtabstr)? parseInt(selectedtabstr) : selectedtabstr //return position or ID of selected tab (or null if niether found) }, addEvent:function(target, functionref, tasktype){ if (target.addEventListener) target.addEventListener(tasktype, functionref, false); else if (target.attachEvent) target.attachEvent('on'+tasktype, function(){return functionref.call(target, window.event)}); }, init:function(tabsmenuid, submenuid, disappearBool){ this.tabsmenutree[tabsmenuid]={} this.tabsmenutree[tabsmenuid].tabs=[] //array referencing the active tab links in this menu (ones with a "rel=gotsubmenu" attr) this.tabsmenutree[tabsmenuid].submenu=null //reference submenu DIV for this menu this.tabsmenutree[tabsmenuid].submenu_divs=[] //array referencing the submenu contents (external DIVs with class="tabsmenucontent") var submenu=document.getElementById(submenuid) submenu._parentid=tabsmenuid this.tabsmenutree[tabsmenuid].submenu=submenu //remember this DIV as menu's submenu container var remoteurl=submenu.getElementsByTagName("a")[0].getAttribute("href") this.ajaxload(tabsmenuid, submenuid, disappearBool, remoteurl) } } document.write('<style type="text/css">\n.tabsmenucontent{display:none}\n</style>')
php (page où on met le menu)
<div id="yourtabsmenu" class="tabsmenuclass"> <ul> <li><a href="http://www.cineco.fr" rel="gotsubmenu[selected]" id="fiche"> Fiche </a></li><!--"gotsubmenu[selected]" permet de sélectionné l'onglet a afficher au chargement de la page--> <li><a href="http://www.cineco.fr" rel="gotsubmenu" id="seance">Séances</a></li> <li><a href="http://www.cineco.fr" rel="gotsubmenu" id="ba">Bandes annonces</a></li> <li><a href="http://www.cineco.fr" rel="gotsubmenu" id="photo">Galerie Photos</a></li> <li><a href="http://www.cineco.fr" rel="gotsubmenu" id="casting">Casting</a></li> <li><a href="http://www.cineco.fr" rel="gotsubmenu" id="secret">Secrets de tournage</a></li> <li><a href="http://www.cineco.fr" rel="gotsubmenu" id="critique">Critiques</a></li> <li><a href="http://www.cineco.fr" rel="gotsubmenu" id="bo">Box Office</a></li> <li><a href="http://www.cineco.fr" rel="gotsubmenu" id="new">News film</a></li> </ul> </div> <div id="mysubmenuarea" class="tabsmenucontentclass"> <!--1st link within submenu container should point to the external submenu contents file - Sousmenu--> <?php $sql = "SELECT * FROM info_film WHERE id_info_film='$id_info_film'"; $req = mysql_query($sql) or die('Erreur SQL !<br>'.$sql.'<br>'.mysql_error()); while($data = mysql_fetch_assoc($req)) { echo' <a href="ongletfilm.php?fiche='.$data['id_info_film'].'" style="visibility:hidden;">Chargement du contenu de cet onglet</a>';}?> </div> <script type="text/javascript"> //mouseovertabsmenu.init("tabs_container_id", "submenu_container_id", "bool_hidecontentsmouseout") mouseovertabsmenu.init("yourtabsmenu", "mysubmenuarea", false) //True or false, permet de définir si le sous-menu contenu devraient disparaître lorsque la souris sort du sous-menu contenant. Mise à false ils ne le seront pas </script>
Php (sous menu)
<?php include('../tts/include/base.php'); if(isset($_GET['fiche'])) { $id_info_film = $_GET['fiche'];} if (!isset($id_info_film)) { $sql = "SELECT * FROM liens"; $req = mysql_query($sql) or die('Erreur SQL !<br/>'.$sql.'<br/>'.mysql_error()); while($data = mysql_fetch_assoc($req)) { header("Location: ".$data['accueil_film']."") ; } } else{ ?> <div class="tabsmenucontent"> <ul> <li> <div id="lienh_800"> <?php $id_info_film = $_GET['fiche']; $sql = "SELECT * FROM liens, info_film WHERE id_info_film='$id_info_film'"; $req = mysql_query($sql) or die('Erreur SQL !<br/>'.$sql.'<br/>'.mysql_error()); while($data = mysql_fetch_assoc($req)){ $nom = str_replace('é', "é", $data['nom']); echo' <a href="'.$data['accueil_film'].'">Accueil Cinéma</a> > Fiche : '.$nom.''; }?> </div> <div id="corp_box"> <div id="corp_boxh"></div> <a href="http://www.cineco.fr">Prochainement</a> <div id="corp_boxb"></div> </div> </li> </ul> </div> <div class="tabsmenucontent"> <ul> <li> <div id="lienh_800"> <?php $id_info_film = $_GET['fiche']; $sql = "SELECT * FROM liens, info_film WHERE id_info_film='$id_info_film'"; $req = mysql_query($sql) or die('Erreur SQL !<br/>'.$sql.'<br/>'.mysql_error()); while($data = mysql_fetch_assoc($req)){ $nom = str_replace('é', "é", $data['nom']); echo' <a href="'.$data['accueil_film'].'">Accueil Cinéma</a> > Séances : '.$nom.''; }?> </div> <div id="corp_box"> <div id="corp_boxh"></div> <a href="http://www.cineco.fr">Prochainement</a> <div id="corp_boxb"></div> </div> </li> </ul> </div> <div class="tabsmenucontent"> <ul> <li> <div id="lienh_800"> <?php $id_info_film = $_GET['fiche']; $sql = "SELECT * FROM liens, info_film WHERE id_info_film='$id_info_film'"; $req = mysql_query($sql) or die('Erreur SQL !<br/>'.$sql.'<br/>'.mysql_error()); while($data = mysql_fetch_assoc($req)){ $nom = str_replace('é', "é", $data['nom']); echo' <a href="'.$data['accueil_film'].'">Accueil Cinéma</a> > Fiche : '.$nom.''; }?> </div> <div id="corp_box"> <div id="corp_boxh"></div> <a href="http://www.cineco.fr">Prochainement</a> <div id="corp_boxb"></div> </div> </li> </ul> </div> <div class="tabsmenucontent"> <ul> <li> <div id="lienh_800"> <?php $id_info_film = $_GET['fiche']; $sql = "SELECT * FROM liens, info_film WHERE id_info_film='$id_info_film'"; $req = mysql_query($sql) or die('Erreur SQL !<br/>'.$sql.'<br/>'.mysql_error()); while($data = mysql_fetch_assoc($req)){ $nom = str_replace('é', "é", $data['nom']); echo' <a href="'.$data['accueil_film'].'">Accueil Cinéma</a> > Fiche : '.$nom.''; }?> </div> <div id="corp_box"> <div id="corp_boxh"></div> <a href="http://www.cineco.fr">Prochainement</a> <div id="corp_boxb"></div> </div> </li> </ul> </div> <div class="tabsmenucontent"> <ul> <li> <div id="lienh_800"> <?php $id_info_film = $_GET['fiche']; $sql = "SELECT * FROM liens, info_film WHERE id_info_film='$id_info_film'"; $req = mysql_query($sql) or die('Erreur SQL !<br/>'.$sql.'<br/>'.mysql_error()); while($data = mysql_fetch_assoc($req)){ $nom = str_replace('é', "é", $data['nom']); echo' <a href="'.$data['accueil_film'].'">Accueil Cinéma</a> > Fiche : '.$nom.''; }?> </div> <div id="corp_box"> <div id="corp_boxh"></div> <a href="http://www.cineco.fr">Prochainement</a> <div id="corp_boxb"></div> </div> </li> </ul> </div> <div class="tabsmenucontent"> <ul> <li> <div id="lienh_800"> <?php $id_info_film = $_GET['fiche']; $sql = "SELECT * FROM liens, info_film WHERE id_info_film='$id_info_film'"; $req = mysql_query($sql) or die('Erreur SQL !<br/>'.$sql.'<br/>'.mysql_error()); while($data = mysql_fetch_assoc($req)){ $nom = str_replace('é', "é", $data['nom']); echo' <a href="'.$data['accueil_film'].'">Accueil Cinéma</a> > Fiche : '.$nom.''; }?> </div> <div id="corp_box"> <div id="corp_boxh"></div> <a href="http://www.cineco.fr">Prochainement</a> <div id="corp_boxb"></div> </div> </li> </ul> </div> <div class="tabsmenucontent"> <ul> <li> <div id="lienh_800"> <?php $id_info_film = $_GET['fiche']; $sql = "SELECT * FROM liens, info_film WHERE id_info_film='$id_info_film'"; $req = mysql_query($sql) or die('Erreur SQL !<br/>'.$sql.'<br/>'.mysql_error()); while($data = mysql_fetch_assoc($req)){ $nom = str_replace('é', "é", $data['nom']); echo' <a href="'.$data['accueil_film'].'">Accueil Cinéma</a> > Fiche : '.$nom.''; }?> </div> <div id="corp_box"> <div id="corp_boxh"></div> <a href="http://www.cineco.fr">Prochainement</a> <div id="corp_boxb"></div> </div> </li> </ul> </div> <div class="tabsmenucontent"> <ul> <li> <div id="lienh_800"> <?php $id_info_film = $_GET['fiche']; $sql = "SELECT * FROM liens, info_film WHERE id_info_film='$id_info_film'"; $req = mysql_query($sql) or die('Erreur SQL !<br/>'.$sql.'<br/>'.mysql_error()); while($data = mysql_fetch_assoc($req)){ $nom = str_replace('é', "é", $data['nom']); echo' <a href="'.$data['accueil_film'].'">Accueil Cinéma</a> > Fiche : '.$nom.''; }?> </div> <div id="corp_box"> <div id="corp_boxh"></div> <a href="http://www.cineco.fr">Prochainement</a> <div id="corp_boxb"></div> </div> </li> </ul> </div> <div class="tabsmenucontent"> <ul> <li> <div id="lienh_800"> <?php $id_info_film = $_GET['fiche']; $sql = "SELECT * FROM liens, info_film WHERE id_info_film='$id_info_film'"; $req = mysql_query($sql) or die('Erreur SQL !<br/>'.$sql.'<br/>'.mysql_error()); while($data = mysql_fetch_assoc($req)){ $nom = str_replace('é', "é", $data['nom']); echo' <a href="'.$data['accueil_film'].'">Accueil Cinéma</a> > Fiche : '.$nom.''; }?> </div> <div id="corp_box"> <div id="corp_boxh"></div> <a href="http://www.cineco.fr">Prochainement</a> <div id="corp_boxb"></div> </div> </li> </ul> </div> <?php }?>
Voila, j'attends une réponse ...
(Pour voir en graphique :
http://cineco.fr/film/film.php?fiche=179
A voir également:
- Erreur Pb
- Erreur 0x80070643 - Accueil - Windows
- Erreur 4201 france tv ✓ - Forum Réseaux sociaux
- J'aime par erreur facebook notification - Forum Facebook
- Code erreur f3500-31 ✓ - Forum Bbox Bouygues
- Comment recuperer whatsapp supprimé par erreur - Guide