Accueil > Forum > > > > javascript + doctype incompatible
javascript + doctype incompatible
mercredi 1 juin 2011 à 14:28:54 |
javascript + doctype incompatible

laiin
|
Bonjour, nayant aucune connaisance en javascript j'ai telecharger un script pour avoir un menu deroulant et qui suit la page(lui===> http://futurisnow.elementfx.com/ )
le problème est que quand j’insère un doctype le menu reste fix
apres quelque recherche j'ai vue que ce menu utilise des fonction que l'on utilise plus haujourd'hui, notament le documents.write
aussi le gars qui a mis le script c'est fait chier a faire tout un tas de tableau, cela n'aurait pas etait plus simple de faire que 2 tableau ?(1 pour les lien et 1 pour la barre de droite ?)
quelqu'un connaiterai le même en plus recent (compatible doctype recent et utilisant du DOM)
j'ai esseyer de me lancer dans l'aprentissage du javascript mais je n'aime pas du tout se language (meme si a 1er vue les if else while etc.. me fesai penser a du c)
|
|
mercredi 1 juin 2011 à 14:29:53 |
Re : javascript + doctype incompatible

laiin
|
Code Javascript : //Static Slide Menu 6.5 © MaXimuS 2000-2001, All Rights Reserved.
//Site: http://www.absolutegb.com/maximus
//E-mail: maximus@nsimail.com
//Script featured on Dynamic Drive (http://www.dynamicdrive.com)
NS6 = (document.getElementById&&!document.all)
IE = (document.all)
NS = (navigator.appName=="Netscape" && navigator.appVersion.charAt(0)=="4")
tempBar='';barBuilt=0;ssmItems=new Array();
moving=setTimeout('null',1)
function moveOut() {
if ((NS6||NS)&&parseInt(ssm.left)<0 || IE && ssm.pixelLeft<0) {
clearTimeout(moving);moving = setTimeout('moveOut()', slideSpeed);slideMenu(10)}
else {clearTimeout(moving);moving=setTimeout('null',1)}};
function moveBack() {clearTimeout(moving);moving = setTimeout('moveBack1()', waitTime)}
function moveBack1() {
if ((NS6||NS) && parseInt(ssm.left)>(-menuWidth) || IE && ssm.pixelLeft>(-menuWidth)) {
clearTimeout(moving);moving = setTimeout('moveBack1()', slideSpeed);slideMenu(-10)}
else {clearTimeout(moving);moving=setTimeout('null',1)}}
function slideMenu(num){
if (IE) {ssm.pixelLeft += num;}
if (NS||NS6) {ssm.left = parseInt(ssm.left)+num;}
if (NS) {bssm.clip.right+=num;bssm2.clip.right+=num;}}
function makeStatic() {
if (NS||NS6) {winY = window.pageYOffset;}
if (IE) {winY = document.body.scrollTop;}
if (NS6||IE||NS) {
if (winY!=lastY&&winY>YOffset-staticYOffset) {
smooth = .2 * (winY - lastY - YOffset + staticYOffset);}
else if (YOffset-staticYOffset+lastY>YOffset-staticYOffset) {
smooth = .2 * (winY - lastY - (YOffset-(YOffset-winY)));}
else {smooth=0}
if(smooth > 0) smooth = Math.ceil(smooth);
else smooth = Math.floor(smooth);
if (IE) bssm.pixelTop+=smooth;
if (NS6||NS) bssm.top=parseInt(bssm.top)+smooth
lastY = lastY+smooth;
setTimeout('makeStatic()', 1)}}
function buildBar() {
if(barText.indexOf('<IMG')>-1) {tempBar=barText}
else{for (b=0;b<barText.length;b++) {tempBar+=barText.charAt(b)+"<BR>"}}
document.write('<td style="background-image:url(blk_bar.gif)" align="center" rowspan="100" width="'+barWidth+'" bgcolor="'+barBGColor+'" valign="'+barVAlign+'"><p align="center"><font face="'+barFontFamily+'" Size="'+barFontSize+'" COLOR="'+barFontColor+'"><B>'+tempBar+'</B></font></p></TD>')}
function initSlide() {
if (NS6){
ssm=document.getElementById("thessm").style;
bssm=document.getElementById("basessm").style;
bssm.clip="rect(0 "+document.getElementById("thessm").offsetWidth+" "+document.getElementById("thessm").offsetHeight+" 0)";ssm.visibility="visible";
}else if (IE) {
ssm=document.all("thessm").style;
bssm=document.all("basessm").style;
bssm.clip="rect(0 "+thessm.offsetWidth+" "+thessm.offsetHeight+" 0)";bssm.visibility = "visible";
}else if (NS) {
bssm=document.layers["basessm1"];
bssm2=bssm.document.layers["basessm2"];ssm=bssm2.document.layers["thessm"];
bssm2.clip.left=0;ssm.visibility = "show";
}
if (menuIsStatic=="yes")
makeStatic();
}
function buildMenu() {
if (IE||NS6) {
document.write('<DIV ID="basessm" style="visibility:hidden;Position : Absolute ;Left : '+XOffset+' ;Top : '+YOffset+' ;Z-Index : 20;width:'+(menuWidth+barWidth+10)+'"><DIV ID="thessm" style="Position : Absolute ;Left : '+(-menuWidth)+' ;Top : 0 ;Z-Index : 20;" onmouseover="moveOut()" onmouseout="moveBack()">');
}
if (NS) {
document.write('<LAYER name="basessm1" top="'+YOffset+'" LEFT='+XOffset+' visibility="show"><ILAYER name="basessm2"><LAYER visibility="hide" name="thessm" bgcolor="'+menuBGColor+'" left="'+(-menuWidth)+'" onmouseover="moveOut()" onmouseout="moveBack()">');
}
if (NS6){
document.write('<table border="0" cellpadding="0" cellspacing="0" width="'+(menuWidth+barWidth+2)+'" bgcolor="'+menuBGColor+'"><TR><TD>');
}
document.write('<table border="0" cellpadding="0" cellspacing="1" width="'+(menuWidth+barWidth+2)+'" bgcolor="'+menuBGColor+'">');
for(i=0;i<ssmItems.length;i++) {
if(!ssmItems[i][3]){
ssmItems[i][3]=menuCols;
ssmItems[i][5]=menuWidth-1;
}else if(ssmItems[i][3]!=menuCols)
ssmItems[i][5]=Math.round(menuWidth*(ssmItems[i][3]/menuCols)-1);
if ( ssmItems[i-1] && ssmItems[i-1][4] != "no" ) {
document.write('<TR>');
}
if(!ssmItems[i][1]){
document.write('<td bgcolor="'+hdrBGColor+'" HEIGHT="'+hdrHeight+'" ALIGN="'+hdrAlign+'" VALIGN="'+hdrVAlign+'" WIDTH="'+ssmItems[i][5]+'" COLSPAN="'+ssmItems[i][3]+'"><font face="'+hdrFontFamily+'" Size="'+hdrFontSize+'" COLOR="'+hdrFontColor+'"> <b>'+ssmItems[i][0]+'</b></font></td>');
}else {
if(!ssmItems[i][2])
ssmItems[i][2]=linkTarget;
document.write('<TD BGCOLOR="'+linkBGColor+'" onmouseover="bgColor=\''+linkOverBGColor+'\'" onmouseout="bgColor=\''+linkBGColor+'\'" WIDTH="'+ssmItems[i][5]+'" COLSPAN="'+ssmItems[i][3]+'"><ILAYER><LAYER onmouseover="bgColor=\''+linkOverBGColor+'\'" onmouseout="bgColor=\''+linkBGColor+'\'" WIDTH="100%" ALIGN="'+linkAlign+'"><DIV ALIGN="'+linkAlign+'"><FONT face="'+linkFontFamily+'" Size="'+linkFontSize+'"> <A HREF="'+ssmItems[i][1]+'" target="'+ssmItems[i][2]+'" CLASS="ssmItems">'+ssmItems[i][0]+'</DIV></LAYER></ILAYER></TD>');
}
if(ssmItems[i][4]!="no"&&barBuilt==0){
buildBar();
barBuilt=1;
}
if(ssmItems[i][4]!="no"){
document.write('</TR>');
}
}
document.write('</table>');
if (NS6){
document.write('</TD></TR></TABLE>');
}
if (IE||NS6) {
document.write('</DIV></DIV>');
}
if (NS) {
document.write('</LAYER></ILAYER></LAYER>');
}
theleft=-menuWidth;lastY=0;setTimeout('initSlide();', 1);
}
<!--
/*
Configure menu styles below
NOTE: To edit the link colors, go to the STYLE tags and edit the ssm2Items colors
*/
b=(screen.width==800&&screen.height==600);
if(b) YOffset=0;
else YOffset=10; // no quotes!!
XOffset=0;
staticYOffset=6; // no quotes!!
slideSpeed=20 // no quotes!!
waitTime=100; // no quotes!! this sets the time the menu stays out for after the mouse goes off it.
menuBGColor="#000000";
menuIsStatic="yes"; //this sets whether menu should stay static on the screen
if(b) menuWidth=180;
else menuWidth=180; // Must be a multiple of 10! no quotes!!
menuCols=0;
hdrFontFamily="verdana";
if(b) hdrFontSize="5";
else hdrFontSize="5";
hdrFontColor="#088A4B";
hdrBGColor="#000000";
hdrAlign="center";
hdrVAlign="center";
hdrHeight="15";
linkFontFamily="Arial";
if(b) linkFontSize="5";
else linkFontSize="5";
linkBGColor="#000000";
linkOverBGColor="#000000";
linkTarget="_top";
linkAlign="middle";
barBGColor="#FFFFFF";
barFontFamily="Verdana";
if(b) barFontSize="1";
else barFontSize="3";
barFontColor="#FFFFFF";
barVAlign="center";
barWidth=20; // no quotes!!
barText="SOUS-PROGRAMME"; // <IMG> tag supported. Put exact html for an image to show.
///////////////////////////
// ssmItems[...]=[name, link, target, colspan, endrow?] - leave 'link' and 'target' blank to make a header
ssmItems[0]=["GENERAL"] //create header
ssmItems[1]=["Accueille", "http://futurisnow.elementfx.com/",""] //create header
ssmItems[2]=["Forum", "/forum/",""]
ssmItems[3]=["Me contacté", "contacte.php",""]
ssmItems[4]=["CYBERPUNK", "", ""] //create header
ssmItems[5]=["C'est quoi ?", "cyberpunk",""]
ssmItems[6]=["film", "film.php", ""]
ssmItems[7]=["Jeux", "jeux.php", ""]
ssmItems[8]=["Manga", "manga.php", ""]
ssmItems[9]=["Livre", "livre.php", ""]
buildMenu();
//-->
|
|
mercredi 1 juin 2011 à 15:14:54 |
Re : javascript + doctype incompatible

jopop
|
Réponse acceptée !
Salut,
que tu aimes ou pas le Javascript tu vas pas avoir le choix que de t'y plonger si tu veux comprendre et modifier un tel script client.
Pour des scripts JS récents qui font plein "good stuff" je te conseille de regarder du côté de JQuery/JQueryUI (tape ça dans google, y'a plein de sites qui en causent).
|
|
mercredi 1 juin 2011 à 16:19:26 |
Re : javascript + doctype incompatible

laiin
|
re bonjour
merci de cette reponse aussi rapide
j'ai trouver en chercher des menu jquery
celui ci
http://tympanus.net/codrops/2009/11/30/beautiful-slide-out-navigation-a-css-and-jquery-tutorial/
a la base il sert a afficher des images mais en le bidouillant un peu j'ai réussie a afficher du texte
j'ai remplacer
Code Javascript : $(function() {
$('#navigation a').stop().animate({'marginLeft':'-85px'},1000);
$('#navigation > li').hover(
function () {
$('a',$(this)).stop().animate({'marginLeft':'-2px'},200);
},
function () {
$('a',$(this)).stop().animate({'marginLeft':'-85px'},200);
}
);
});
par
Code Javascript : $(function() {
$('#navigation menu').stop().animate({'marginLeft':'-85px'},1000);
$('#navigation > li').hover(
function () {
$('menu',$(this)).stop().animate({'marginLeft':'-2px'},200);
},
function () {
$('menu',$(this)).stop().animate({'marginLeft':'-85px'},200);
}
);
});
|
|
mercredi 1 juin 2011 à 16:24:43 |
Re : javascript + doctype incompatible

jopop
|
Ben tu n'aimes pas le JS mais tu bidouilles déjà du JQuery,
c'est un très bon début ;)
|
|
mercredi 1 juin 2011 à 16:37:53 |
Re : javascript + doctype incompatible

smathis
|
Mouè, il faut apprendre à ramper avant de marcher ! Essaye quand même de t'initier au JS
|
|
mercredi 1 juin 2011 à 19:40:03 |
Re : javascript + doctype incompatible

jopop
|
smathis n'a pas tort, d'ailleurs moi-même je préfère souvent monter mes propres JS (j'avoue avoir des soucis avec la jquery). Mais comme de plus en plus de dev s'en servent, je me suis dit que c'était une bonne chose de s'y atteler, débutant ou non. Et puis ça correspondait à sa demande. Quand tu veux un truc tout fait qui marche bien, jqueryUI est quand même bien fourni.
|
|
mercredi 1 juin 2011 à 21:33:29 |
Re : javascript + doctype incompatible

laiin
|
j'ai réussi a l’intégrai a mon site si vous voulais voire se que sa donne ^^
http://futurisnow.elementfx.com/
maintenant j'ai le label "This document was successfully checked as HTML5!"
mais le site ne me propose pas de mettre de logo w3c html5 comme j'ai pu lire :(
|
|
vendredi 3 juin 2011 à 09:18:48 |
Re : javascript + doctype incompatible
|
Cette discussion est classée dans : script, javascript, menu, incompatible, doctype
Répondre à ce message
Sujets en rapport avec ce message
Recherche script javascript pour menu deroulant [ par devess ]
Bonjour,J'ai cherché mais je n'ai pas trouvé de script javascript pour faire des menus déroulants avec un affichage d'une fenêtre lors du passage curs
Recherche script javascript pour menu deroulant [ par devess ]
Bonjour,J'ai cherché mais je n'ai pas trouvé de script javascript pour faire des menus déroulants avec un affichage d'une fenêtre lors du passage curs
Aidez-moi s'il vous plait [ par pandzobo ]
Bonjour,J'ai téléchargé ici le script que j'ai utilisé dans le fichier DHTML inclus ci-après pour un menu déroulant. Mais il ne fonctionne pas. Que do
Probleme d'un menu javascript [ par amine2rbt ]
Bonjour tous le monde J'ai un probleme, j'ai fais un menu javascript a l'aide du logiciel Sothing Dhtml Menu, le probleme c que le menu fonctionne bi
ASPX javascript menu problème [ par rabbiwan ]
Bonjourje fais un site en ASPX c# et on m'a indiqué de mettre en menu en javacriptalors j'ai trouvé un super menu peut etre vous connaissez je l'ai vu
Menu deroulant et cadre [ par mackoy73 ]
Bonjour,J'ai une page divisée en 2 cadres. Le premier cadre, contient un menu déroulant. Qd on sélectionne une pas dans le menu déroulant, cette page
Imprimer un document avec JavaScript [ par hor878 ]
Bonjour,Je ne connais presque rien en JavaScript. Voici mon problème :J'ai une liste de documents (Word, Excel ...) avec un menu contextuel en JavaScr
script menu s'affichant derrière le contenu d'une iframe (si .doc .xls ou explorateur de fichiers) [ par Yann1983 ]
Hello,j'utilisae ce très bon script pour mon menu mais après configuration, je me prens compte que j'aie un problème :http://www.javascriptfr.com/code
Menu vertical [ par jaco13 ]
Bonjour tout le monde Je suis toujours à la recherche de trucs très pratiques réalis
probleme javascript/xml [ par nezdeboeuf62 ]
Bonjour tout le monde !!!Voila j'ai un probleme assez terrible qui mpe deprime!!!Je gere un menu stocké dans un fichier xml. Je voudrais recuperer ce
Livres en rapport
|
Derniers Blogs
JOYEUX ANNIVERSAIRE NIXJOYEUX ANNIVERSAIRE NIX par ebartsoft
Souhaitons un bon et joyeux anniversaire à notre hôte à tous, Nix.
Je ne le répéterais jamais assez mais sans lui rien ne serait possible. Il défit en permanence les lois de la gravité et comme il le dit si bien, si tu lui fais confiance ça devra...
Cliquez pour lire la suite de l'article par ebartsoft IMAGINE CUP 2012, MAKE A SIGN EN FINALEIMAGINE CUP 2012, MAKE A SIGN EN FINALE par junarnoalg
Voilà qui est fait, la nouvelle est officielle ! L'équipe belge "Make a Sign" va au pays des kangourous défendre son projet dans la catégorie Software Design. http://www.imaginecup.com/CompetitionsContent/Competition/WorldwideFinalists.aspx V...
Cliquez pour lire la suite de l'article par junarnoalg KINECT 1.5 IS OUT !KINECT 1.5 IS OUT ! par Vko
La version 1.5 du Kinect For Microsoft vient tout juste de sortir ! Plein de nouveautés: Tracking de squelette en Near Mode Détection en position assise Détection faciale avec un SDK dédié Documentation et des guideline (enfin) Un out...
Cliquez pour lire la suite de l'article par Vko LES ACTUALITéS DE LA SEMAINE SUR C2I.FR (14 MAI - 20 MAI) LES ACTUALITéS DE LA SEMAINE SUR C2I.FR (14 MAI - 20 MAI) par richardc
Mise à jour des Web API du 14 Mai
Réservez dès maintenant votre journée du 20 juin pour le Windows Azure Dev Camp 2012 à Paris
Mise à jour de Team Foundation Service
MechCommander 2 sur Windows 8
Entity Framework 5 Release Candidate e...
Cliquez pour lire la suite de l'article par richardc REACTIVE EXTENSIONS : CONSOMMER DES SERVICES AVEC RX PARTIE 3, LES PIèGES à éVITERREACTIVE EXTENSIONS : CONSOMMER DES SERVICES AVEC RX PARTIE 3, LES PIèGES à éVITER par Groc
Une mauvaise utilisation de rx lors de l'écriture d'une couche d'accès à des services peut conduire à des cas embarassants avec des erreurs mal gérées, des appels qui ne partent lorsqu'ils le devraient, et même des résultats incorrects . le tout nuis...
Cliquez pour lire la suite de l'article par Groc
Logiciels
sDEVIS-FACTURES vlPRO (8.1.0.3)SDEVIS-FACTURES VLPRO (8.1.0.3)sDEVIS-FACTURES vlPRO a été mis au point pour les particuliers, créateurs, entrepreneurs, artisa... Cliquez pour télécharger sDEVIS-FACTURES vlPRO 974 Application Server (12.2.4.6)974 APPLICATION SERVER (12.2.4.6)Développez de puissantes applications dans un environnement de 'cloud computing', clusterisé, séc... Cliquez pour télécharger 974 Application Server vPicture (1.4.2.1)VPICTURE (1.4.2.1)Avec vPicture, hébergez vos images facilement et rapidement.
vPicture est un utilitaire simple, ... Cliquez pour télécharger vPicture Easy-Planning (2.2.1.6)EASY-PLANNING (2.2.1.6)Easy-Planning permet de créer des plannings sous la représentation de diagrammes et est adapté au... Cliquez pour télécharger Easy-Planning COM-BACKUP (2.0)COM-BACKUP (2.0)
COM-BACKUP est un logiciel de sauvegarde qui permet de planifier les sauvegardes de vos dossiers ...
Cliquez pour télécharger COM-BACKUP
|