Probleme avec le Doctype et génération d'un menu JavaScript

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : Probleme avec le Doctype et génération d'un menu JavaScript

samuelp

Bonjour,

Je suis en train de générer automatiquement un menu JavaScript via une application ecrite en PHP.

Je constate quelque chose de tres choquant : Quand je met un Doctype de type XHTML 1.0 Strict le menu refuse de fonctionner, je m'explique : lorsque que je suis sur un element le menu devrait defiler, Or cela ne se fait pas.

Quand je met le Doctype de type HTML 4.01 Transitional le menu fonctionne correctement.

Pouvez vous me dire si vous avez eu le meme probleme ?

C'est quznd meme bizard que le javaScript refuse de fonctionner pour une histoire de Doctype :

JE test actuellement sur Mozilla et Netscape 7.02

Publicité

Harkonnen

Modérateur
Un modo pour les bannir tous

j'ai rien compris à ta question, mais je [:blueflag] quand même au cas ou

---------------
J'ai un string dans l'array (Paris Hilton)

Hermes le Messager

Breton Quiétiste

Url ?

samuelp

Hermes le Messager a écrit :

Url ?

Je ne peux pas pour clause de confidentialite, mais le menu en question est un menu tout bete en JavaScript avec defilement quand on passe la souris au dessus.

Je publierai mon appli sur SourceForge dans 1 mois ou 2 mais faut que mon bosse accepte que mon appli passe sous GPL.

Quand je change le Doctype soit en XHTML soit en HTML 4.01 strict ça foire

Vla des bouts de code

Code :

<script type="text/JavaScript" src="./Scripts/js.js"></script>
<script TYPE="text/JavaScript">
...generation automatique
</script>
<body marginwidth="0" marginheight="0" style="margin: 0" onLoad="writeMenus()" onResize="if (isNS4) nsResizeHandler()">

Harkonnen

Modérateur
Un modo pour les bannir tous

samuelp a écrit :

Je publierai mon appli sur SourceForge dans 1 mois ou 2 mais faut que mon bosse accepte que mon appli passe sous GPL.

on va encore dire que je suis parano, mais ça sent le troll à 100 m ce truc :lol:

---------------
J'ai un string dans l'array (Paris Hilton)

samuelp

Vous allez m'aider bordail :fou:

Je passe parfois du temps à aider les newbies alors SVP si c'est pas trop vous demander est ce que vous pouvez au moins me donner un indice ?

Hermes le Messager

Breton Quiétiste

Pas de source, pas d'aide... On est pas devin. il faudrait voir l'intégralité du JS et le contexte en HTML dans lequel il est inséré. De plus, poster une page d'exemple, est la moindre des choses. On va pas perdre notre temps et reconstituer une page d'exemple pour tester tes problèmes.

Effectivement, ce doit être un troll... [:totozzz]

gm_superstar

Appelez-moi Super

samuelp a écrit :

vous pouvez au moins me donner un indice ?

Scaramouche et Pulcinella
Qu'un mauvais dessein rassembla
Gesticulent, noirs sur la Lune

---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog

antp

Super Administrateur
Champion des excuses bidons

le <script> il est dans le <head> ou entre le <head> et le <body> ?

---------------
mes programmes ·· les voitures dans les films ·· apprenez à écrire

samuelp

antp a écrit :

le <script> il est dans le <head> ou entre le <head> et le <body> ?

Oui, et c'est seulement en changeant le DocType que cela ne fonctionne plus

Publicité

antp

Super Administrateur
Champion des excuses bidons

je te demande si c'est l'un ou l'autre et tu me réponds "oui" :lol:

---------------
mes programmes ·· les voitures dans les films ·· apprenez à écrire

samuelp

Hermes le Messager a écrit :

Vla le source :

Code :

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-15"/>
<meta name="Publisher" content="CENSURED"/>
<meta name="Keywords" content="CENSURED"/>
<meta name="Description" content="CENSURED"/>
<meta name="author" content="CENSURED"/>
<meta name="REVISIT-AFTER" content="1 days"/><meta name="ROBOTS" content="INDEX,FOLLOW,NOIMAGECLICK"/>
<link rel="stylesheet" type="text/css" href="./Shared/Styles/default-style.css">
<link rel="shortcut icon" href="./images/favicon.ico"/>
<title>
Home Page</title><script type="text/JavaScript" src="./Scripts/js.js"></script>
<script TYPE="text/JavaScript">
<!-- Begin
var menu = new Array();
var defOver = '#336699', defBack = '#003366';
var defLength = 22;
var ColumnLength=200;
var SubmenuPos=205;
menu[0] = new Array();
menu[0][0] = new Menu(false, '', 5, 0, 37, '#336699', '#003366', '', 'itemText');
menu[0][1]= new Item(' Administration', '#', '', ColumnLength, 10, 1);
menu[1]=new Array();
menu[1][0] = new Menu(true, '>>', 0, 37, ColumnLength, defOver, defBack, 'itemBorder', 'itemText');
menu[1][1] = new Item('User section', './Modules/Administration/user.php', '', defLength, 0, 2);
menu[2] = new Array();
menu[2][0] = new Menu(true, '>', SubmenuPos, 0, ColumnLength, defOver, defBack, 'itemBorder', 'itemText');
menu[2][1] = new Item('Add', './Modules/Administration/useradd.php', '', 36, 0, 0);
menu[2][2] = new Item('Edit', './Modules/Administration/useredit.php', '', 36, 0, 0);
menu[1][2] = new Item('Module section', '#', '', defLength, 0, 3);
menu[3] = new Array();
menu[3][0] = new Menu(true, '>', SubmenuPos, 0, ColumnLength, defOver, defBack, 'itemBorder', 'itemText');
menu[3][1] = new Item('Add', './Modules/Administration/moduleadd.php', '', 36, 0, 0);
menu[3][2] = new Item('Edit', './Modules/Administration/moduleedit.php', '', 36, 0, 0);
menu[1][3] = new Item('Theme section', './Modules/Administration/theme.php', '', defLength, 0, 4);
menu[4] = new Array();
menu[4][0] = new Menu(true, '>', SubmenuPos, 0, ColumnLength, defOver, defBack, 'itemBorder', 'itemText');
menu[4][1] = new Item('Add', './Modules/Administration/themeadd.php', '', 36, 0, 0);
menu[4][2] = new Item('Edit', './Modules/Administration/themeedit.php', '', 36, 0, 0);
menu[1][4] = new Item('Language section', './Modules/Administration/language.php', '', defLength, 0, 5);
menu[5] = new Array();
menu[5][0] = new Menu(true, '>', SubmenuPos, 0, ColumnLength, defOver, defBack, 'itemBorder', 'itemText');
menu[5][1] = new Item('Add', './Modules/Administration/languageadd.php', '', 36, 0, 0);
menu[5][2] = new Item('Edit', './Modules/Administration/languageedit.php', '', 36, 0, 0);
var popOldWidth = window.innerWidth;
nsResizeHandler = new Function('if (popOldWidth != window.innerWidth) location.reload()');
if (isNS4) document.captureEvents(Event.CLICK);
document.onclick = clickHandle;
function clickHandle(evt)
{
if (isNS4) document.routeEvent(evt);
hideAllBut(0)
}
function moveRoot()
{
with(menu[0][0].ref)
left = ((parseInt(left) < 100) ? 100 : 5);
}
// End -->
</script>
</head>
<body marginwidth="0" marginheight="0" style="margin: 0" onLoad="writeMenus()" onResize="if (isNS4) nsResizeHandler()">
<table bgcolor="#003366" width="100%" border="0" cellpadding="0" cellspacing="0">
<tr><td height="37"><font size="1"> </font></td></tr></table><table class='tablepage'><tr><td><br /><b><u><font size='14'><center>Welcome to CRM software :</center></font></u></b><br /><br /><i>Introduction : </i><br /><br />This is currently a development software so you can't use it properly. Please wait for the first Alpha version that will be released any times soon</td></tr></table> </body>
</html>

Dans le js.js y a rien d'important juste les fonctions permettant de generer le menu.

samuelp

antp a écrit :

je te demande si c'est l'un ou l'autre et tu me réponds "oui" :lol:

Il est entre les tags head

Hermes le Messager

Breton Quiétiste

samuelp a écrit :

Dans le js.js y a rien d'important juste les fonctions permettant de generer le menu.

Moi, je veux un truc qui fonctionne. Si je recopie ce code dans mon éditeur, j'ai des erreurs JS en pagaille.

Poste un code qui fonctionne et après on en reparlera... :whistle:

samuelp

Hermes le Messager a écrit :

Moi, je veux un truc qui fonctionne. Si je recopie ce code dans mon éditeur, j'ai des erreurs JS en pagaille.

Poste un code qui fonctionne et après on en reparlera... :whistle:

Oki, ce soir je poste

Harkonnen

Modérateur
Un modo pour les bannir tous

samuelp a écrit :

Oki, ce soir je poste

Alors Sam, t'as pas oublié quelque chose ? :whistle:

---------------
J'ai un string dans l'array (Paris Hilton)

samuelp

Harkonnen a écrit :

Alors Sam, t'as pas oublié quelque chose ? :whistle:

Oki

Code :

var agent = navigator.userAgent.toLowerCase();
var isDOM = (document.getElementById ? true : false);
var isIE4 = ((document.all && !isDOM) ? true : false);
var isNS4 = (document.layers ? true : false);
var opera = (agent.indexOf("opera" ) != -1) ? true : false;
function getRef(id) {
if (isDOM && !opera) return document.getElementById(id);
if (isIE4) return document.all[id];
if (isNS4) return document.layers[id];
}
function getSty(id) {
if (!opera)
return (isNS4 ? getRef(id) : getRef(id).style);
}
// Hide timeout.
var popTimer = 0;
// Array showing highlighted menu items.
var litNow = new Array();
function popOver(menuNum, itemNum) {
clearTimeout(popTimer);
hideAllBut(menuNum);
litNow = getTree(menuNum, itemNum);
changeCol(litNow, true);
targetNum = menu[menuNum][itemNum].target;
if (targetNum > 0) {
thisX = parseInt(menu[menuNum][0].ref.left) + parseInt(menu[menuNum][itemNum].ref.left);
thisY = parseInt(menu[menuNum][0].ref.top) + parseInt(menu[menuNum][itemNum].ref.top);
with (menu[targetNum][0].ref) {
left = parseInt(thisX + menu[targetNum][0].x);
top = parseInt(thisY + menu[targetNum][0].y);
visibility = 'visible';
}
}
}
function popOut(menuNum, itemNum) {
if ((menuNum == 0) && !menu[menuNum][itemNum].target)
hideAllBut(0)
else
popTimer = setTimeout('hideAllBut(0)', 500);
}
function getTree(menuNum, itemNum) {
// Array index is the menu number. The contents are null (if that menu is not a parent)
// or the item number in that menu that is an ancestor (to light it up).
itemArray = new Array(menu.length);
while(1) {
itemArray[menuNum] = itemNum;
// If we've reached the top of the hierarchy, return.
if (menuNum == 0) return itemArray;
itemNum = menu[menuNum][0].parentItem;
menuNum = menu[menuNum][0].parentMenu;
}
}
// Pass an array and a boolean to specify colour change, true = over colour.
function changeCol(changeArray, isOver) {
for (menuCount = 0; menuCount < changeArray.length; menuCount++) {
if (changeArray[menuCount]) {
newCol = isOver ? menu[menuCount][0].overCol : menu[menuCount][0].backCol;
// Change the colours of the div/layer background.
with (menu[menuCount][changeArray[menuCount]].ref) {
if (isNS4) bgColor = newCol;
else backgroundColor = newCol;
}
}
}
}
function hideAllBut(menuNum) {
var keepMenus = getTree(menuNum, 1);
for (count = 0; count < menu.length; count++)
if (!keepMenus[count])
menu[count][0].ref.visibility = 'hidden';
changeCol(litNow, false);
}
// *** MENU CONSTRUCTION FUNCTIONS ***
function Menu(isVert, popInd, x, y, width, overCol, backCol, borderClass, textClass) {
// True or false - a vertical menu?
this.isVert = isVert;
// The popout indicator used (if any) for this menu.
this.popInd = popInd
// Position and size settings.
this.x = x;
this.y = y;
this.width = width;
// Colours of menu and items.
this.overCol = overCol;
this.backCol = backCol;
// The stylesheet class used for item borders and the text within items.
this.borderClass = borderClass;
this.textClass = textClass;
// Parent menu and item numbers, indexed later.
this.parentMenu = null;
this.parentItem = null;
// Reference to the object's style properties (set later).
this.ref = null;
}
function Item(text, href, frame, length, spacing, target) {
this.text = text;
this.href = href;
this.frame = frame;
this.length = length;
this.spacing = spacing;
this.target = target;
// Reference to the object's style properties (set later).
this.ref = null;
}
function writeMenus() {
if (!isDOM && !isIE4 && !isNS4) return;
for (currMenu = 0; currMenu < menu.length; currMenu++) with (menu[currMenu][0]) {
// Variable for holding HTML for items and positions of next item.
var str = '', itemX = 0, itemY = 0;
// Remember, items start from 1 in the array (0 is menu object itself, above).
// Also use properties of each item nested in the other with() for construction.
for (currItem = 1; currItem < menu[currMenu].length; currItem++) with (menu[currMenu][currItem]) {
var itemID = 'menu' + currMenu + 'item' + currItem;
// The width and height of the menu item - dependent on orientation!
var w = (isVert ? width : length);
var h = (isVert ? length : width);
// Create a div or layer text string with appropriate styles/properties.
// Thanks to Paul Maden (www.paulmaden.com) for helping debug this in IE4, apparently
// the width must be a miniumum of 3 for it to work in that browser.
if (isDOM || isIE4) {
str += '<div id="' + itemID + '" style="position: absolute; left: ' + itemX + '; top: ' + itemY + '; width: ' + w + '; height: ' + h + '; visibility: inherit; ';
if (backCol) str += 'background: ' + backCol + '; ';
str += '" ';
}
if (isNS4) {
str += '<layer id="' + itemID + '" left="' + itemX + '" top="' + itemY + '" width="' + w + '" height="' + h + '" visibility="inherit" ';
if (backCol) str += 'bgcolor="' + backCol + '" ';
}
if (borderClass) str += 'class="' + borderClass + '" ';
// Add mouseover handlers and finish div/layer.
str += 'onMouseOver="popOver(' + currMenu + ',' + currItem + ')" onMouseOut="popOut(' + currMenu + ',' + currItem + ')">';
// Add contents of item (default: table with link inside).
// In IE/NS6+, add padding if there's a border to emulate NS4's layer padding.
// If a target frame is specified, also add that to the <a> tag.
str += '<table width="' + (w - 8) + '" border="0" cellspacing="0" cellpadding="' + (!isNS4 && borderClass ? 3 : 0) + '"><tr><td align="left" height="' + (h - 7) + '">' + '<a class="' + textClass + '" href="' + href + '"' + (frame ? ' target="' + frame + '">' : '>') + text + '</a></td>';
if (target > 0) {
// Set target's parents to this menu item.
menu[target][0].parentMenu = currMenu;
menu[target][0].parentItem = currItem;
// Add a popout indicator.
if (popInd) str += '<td class="' + textClass + '" align="right">' + popInd + '</td>';
}
str += '</tr></table>' + (isNS4 ? '</layer>' : '</div>');
if (isVert) itemY += length + spacing;
else itemX += length + spacing;
}
if (isDOM && !opera) {
var newDiv = document.createElement('div');
document.getElementsByTagName('body').item(0).appendChild(newDiv);
newDiv.innerHTML = str;
ref = newDiv.style;
ref.position = 'absolute';
ref.visibility = 'hidden';
}
// Insert a div tag to the end of the BODY with menu HTML in place for IE4.
if (isIE4) {
document.body.insertAdjacentHTML('beforeEnd', '<div id="menu' + currMenu + 'div" ' + 'style="position: absolute; visibility: hidden">' + str + '</div>');
ref = getSty('menu' + currMenu + 'div');
}
// In NS4, create a reference to a new layer and write the items to it.
if (isNS4) {
ref = new Layer(0);
ref.document.write(str);
ref.document.close();
}
for (currItem = 1; currItem < menu[currMenu].length; currItem++) {
itemName = 'menu' + currMenu + 'item' + currItem;
if (isDOM || isIE4) menu[currMenu][currItem].ref = getSty(itemName);
if (isNS4) menu[currMenu][currItem].ref = ref.document[itemName];
}
}
with(menu[0][0]) {
if (!opera)
{
ref.left = x;
ref.top = y;
ref.visibility = 'visible';
}
}
}

Celui qui pompe sans m'aider est un gros chien qui sait rien foutre

antp

Super Administrateur
Champion des excuses bidons

et celui qui pompe pas et qui n'aide pas ?

---------------
mes programmes ·· les voitures dans les films ·· apprenez à écrire

lorill

samuelp a écrit :

Celui qui pompe sans m'aider est un gros chien qui sait rien foutre

:sarcastic:

quel talent... moi je dis troll.

samuelp

lorill a écrit :

:sarcastic:

quel talent... moi je dis troll.

C'est un script GPL je te ferai dire :fou: Par contre la generation automatique c moi qui me le tape

lorill

samuelp a écrit :

C'est un script GPL je te ferai dire :fou:

alors ta remarque sur "celui qui pique ca nananère pas bien", tu peux te la garder [:sinclaire]

Hermes le Messager

Breton Quiétiste

samuelp a écrit :

C'est un script GPL je te ferai dire :fou: Par contre la generation automatique c moi qui me le tape

Ce script n'est pas de toi, donc --> :hello: :hello:

(PS : et c'est vrai que t'es un sacré trolleur quand même... [:totozzz] )

lorill

samuelp a écrit :

C'est un script GPL je te ferai dire :fou:

oh, et accessoirement : ce n'est pas GPL, tu devrais vérifier ce que tu racontes : http://www.twinhelix.com/dhtml/popup.html

Harkonnen

Modérateur
Un modo pour les bannir tous

samuelp a écrit :

C'est un script GPL je te ferai dire :fou:

Tu devrais essayer les scripts gasoil ou SP98, je pense que ça tournerait mieux et ça aurait moins de risque de péter

---------------
J'ai un string dans l'array (Paris Hilton)

walli

Harkonnen a écrit :

Tu devrais essayer les scripts gasoil ou SP98, je pense que ça tournerait mieux et ça aurait moins de risque de péter

[:meganne] peut faire mieux comme vanne...

---------------
NP :

Harkonnen

Modérateur
Un modo pour les bannir tous

walli a écrit :

[:meganne] peut faire mieux comme vanne...

[:sinclaire]

---------------
J'ai un string dans l'array (Paris Hilton)

lorill

walli a écrit :

[:meganne] peut faire mieux comme vanne...

et apres il ose se moquer des miennes :sarcastic:

samuelp

lorill a écrit :

oh, et accessoirement : ce n'est pas GPL, tu devrais vérifier ce que tu racontes : http://www.twinhelix.com/dhtml/popup.html

C pas le meme autheur et c pas le meme script

Bon vous m'aidez oui ou merde ?

lorill

samuelp a écrit :

C pas le meme autheur et c pas le meme script

sisi, va sur l'url au début de ton script, t'es redirigé la dessus, et c'est une nouvelle version, mais c'est le même script.

samuelp a écrit :

Bon vous m'aidez oui ou merde ?

je sais pas pour les autres, mais pour moi, merde

Harkonnen

Modérateur
Un modo pour les bannir tous

samuelp a écrit :

Bon vous m'aidez oui ou merde ?

C'est marrant, je sens que je vais me pajilewskiser [:meganne]

---------------
J'ai un string dans l'array (Paris Hilton)

samuelp

lorill a écrit :

sisi, va sur l'url au début de ton script, t'es redirigé la dessus, et c'est une nouvelle version, mais c'est le même script.

je sais pas pour les autres, mais pour moi, merde

S'il te plait !

Hermes le Messager

Breton Quiétiste

samuelp a écrit :

C pas le meme autheur et c pas le meme script

Bon vous m'aidez oui ou merde ?

Poste quelque part une page qui fonctionne, et on verra...

samuelp

Hermes le Messager a écrit :

Poste quelque part une page qui fonctionne, et on verra...

Je suis sur un reseau local

samuelp

JE vous remercie de votre aide precieuse, grace a vous je sais quelle est la source de l'erreur :sarcastic:

Serieusement si qqn a une solution il aura alors toute mes sinceres felicitations

Hermes le Messager

Breton Quiétiste

Mais arrêtes de troller putain !

Tu peux parfaitement ouvrir un compte sur voila.fr et uploader tes fichier sans passer par un FTP.

De plus, tu peux également faire une page sans images ni fichier externe et poster le code ici avec un bête ctrl/a ctrl/c ctrl/v ...

Tu n'as aucune excuse.

Bon, sur ce, et tant que ce que j'ai demandé (le minimum) n'apparait pas dans ce topic, j'arrête de répondre.

daique

Et moi, je veux 100000 euros en petite coupures usagées ou je ne répond plus

Publicité

FORUM HardWare.fr

Programmation

HTML/CSS

Probleme avec le Doctype et génération d'un menu JavaScript

Sujets relatifs
probleme avec mon ARCHOS JUKEBOX 15 GO	Mais où est le problème ?? Sql/Java [RESOLU]
ou inserer du javascript dans une page php	Mega problème pour un trigger update
[PHP] Htmlentities-Htmlspecialchars= ?[résolu (problème inexsitant]	[PHP] Problème d'upload et affichage de variable
Problème en compilation avec c++....	Probleme Thread Posix + C++
[HTML] Menu en màj automatique pour page sans cadre	phpMyAdmin 2.5.0-rc1 : problème avec "mbstring".. C'est grave doc?
Plus de sujets relatifs à : Probleme avec le Doctype et génération d'un menu JavaScript

Page générée en 0.255 secondes