[JavaScript] Pb compatibilité avec Chrome (page vierge affichée)

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : [JavaScript] Pb compatibilité avec Chrome (page vierge affichée)

JFKen

Un V8, une femme, une pipe

Salut les gens

Voilà je vous expose mon problème, j'ai un site statique très basique qui n'utilise qu'un petit code JS servant à faire un menu latéral avec une petite arborescence animée, des liens qui se masquent ou s'affichent, avec uniquement 2 niveaux (menu / sous-menu).
Il fonctionne parfaitement sous FF 3.6 et IE8, par contre avec Chrome il n'y a qu'une page vierge :??:
Aucunes erreurs n'est d'ailleurs relevée par la console de debug JS de Firefox.
Avec l'outil DEV de Chrome, je m'aperçois que je n'ai que dans la section "ELEMENTS" que l'entête, toute la partie du <body> est absente :pt1cable: (il indique juste les balises)....

Avant de rentrer plus dans les détails, y'a a t'il des problèmes connus par rapport à JS sous Chrome ? Comment y remédier ? :??:

Thx

---------------
♥Broadcast4Reps♥ Dreams-Cars.net | Before Black | >> Le topic du V8 <<

Publicité

gatsu35

Blablaté par Harko

code source, code source, code source, code source

---------------
Blablaté par Harko

JFKen

Un V8, une femme, une pipe

Voilà, j'utilise le script bien connu JQuery-1.2.3.js (http://jqueryjs.googlecode.com/files/jquery-1.2.3.js).
Et voilà comment il est utilisé dans mes pages :

Code :

<script type="text/javascript" src="jquery-1.2.3.js"></script>
<script type="text/javascript">
<!--
$(document).ready( function () {
$(".navigation ul.subMenu:not('.open_at_load')" ).hide();
$(".navigation li.toggleSubMenu span" ).each( function () {
var TexteSpan = $(this).text();
$(this).replaceWith('<a href="" title="Afficher le sous-menu">' + TexteSpan + '<\/a>') ;
} ) ;
$(".navigation li.toggleSubMenu > a" ).click( function () {
if ($(this).next("ul.subMenu:visible" ).length != 0) {
$(this).next("ul.subMenu" ).slideUp("normal", function () { $(this).parent().removeClass("open" ) } );
}
else {
$(".navigation ul.subMenu" ).slideUp("normal", function () { $(this).parent().removeClass("open" ) });
$(this).next("ul.subMenu" ).slideDown("normal", function () { $(this).parent().addClass("open" ) } );
}
return false;
});
} ) ;
</script>
<div id="menu_js">
<br><br><br>
<ul class="navigation">
<li><a href="presentation.htm"title="Présentation">Présentation</a></li>
<li class="toggleSubMenu"><span>Services</span>
<ul class="subMenu">
<li><a href="boite.htm">Boite automatique</a></li>
<li><a href="listing.htm">Références de Boites</a></li>
</ul>
</li>
<li><a href="conseils.htm" title="Infos utiles">Infos utiles</a></li>
</li>
<li class="toggleSubMenu"><span>Contact</span>
<ul class="subMenu">
<li><a href="contact.htm">Me contacter</a></li>
<li><a href="geo.htm">Plan d'accès</a></li>
</ul>
</li>

Tout ceci fonctionne donc impec et sans erreurs aucunes sous FF & IE, et il me semble qu'il fonctionnait sur la 1ere version bêta de Chrome (j'en suis plus sûr ).

J'aurais la solution d'alléger le fichier JS pour ne garder que les fonctions que j'utilise et voir si ça merdouille encore.

Si qqch vous saute au yeux je suis preneur :jap:

Thx :sol:

---------------
♥Broadcast4Reps♥ Dreams-Cars.net | Before Black | >> Le topic du V8 <<

gatsu35

Blablaté par Harko

vire moi le

Code :

<!--

dans ta balise script, de nos jours il est devenu totalement inutile.
Et surtout que tu as oublié de le fermer

Code :

---------------
Blablaté par Harko

JFKen

Un V8, une femme, une pipe

[:tinostar]

t'as complètement tapé dans le mille, c'est bien ça qui foutait la pagaille :bounce:

Merci Gastsu [:sqel]

---------------
♥Broadcast4Reps♥ Dreams-Cars.net | Before Black | >> Le topic du V8 <<

gatsu35

Blablaté par Harko

j'en étais même quasiment sur avant que tu postes ton code, mais la prochaine fois que tu as un problème tu postes ton code + tes explications, mais on est pas des devins, sans code on peut rien faire

---------------
Blablaté par Harko

homer3018

Bonjour,

je me permet de faire remonter ce topic, car je suis dans la même situation, page vierge affichée avec chrome, alors que tout fonctionne avec IE, quelques bugs d'affichages avec FF mais ça c'est rien, il faut que ça fonctionne avec chrome.

je ne suis pas très calé en JS, soyez indulgent

Voici le code html de ma page :

Code :

<frameset rows=0,110,* border=0><frame name=JavaScriptFrame src=JavaScript.html><frame name=TopFrame><frame name=BottomFrame></frameset>

et voici javascript.html :

<script>

Code :

CamsIPs = new Array();
CamsNames = new Array();
var NumberOfCams = 4;
var IndividualScanTimeInterval = 1000; //In milliseconds
var GroupsScanTimeInterval = 1000; //In milliseconds
//Camera IP + port# in video server
CamsIPs[1]="192.168.0.99";
CamsIPs[2]="";
CamsIPs[3]="";
CamsIPs[4]="";
// Camera Name
CamsNames[1]="1; 1";
CamsNames[2]="1; 2";
CamsNames[3]="1; 3";
CamsNames[4]="1; 4";
var URLend = '/axis-cgi/mjpg/video.cgi?resolution=352x240&color=1&compression=0&fps=3';
var URLend1 = '/axis-cgi/mjpg/video.cgi?resolution=704x240&color=1&compression=0&fps=3';
var NumberOfGroupsOfCams = 1;//5;
var GroupOfCamsNumbers1 = new Array(1, 2, 3, 4);
//var GroupOfCamsNumbers2 = new Array(11, 12, 13, 14, 15, 16, 17, 18, 19, 20);
//var GroupOfCamsNumbers3 = new Array(21, 22, 23, 24, 25, 26, 27, 28, 29, 30);
//var GroupOfCamsNumbers4 = new Array(31, 32, 33, 34, 35, 36, 37, 38, 39, 40);
//var GroupOfCamsNumbers5 = new Array(41, 42, 43, 44, 45, 46, 47, 48, 49, 50);
//var GroupOfCamsNumbers6 = new Array(51, 52, 53, 54, 55, 56, 57, 58, 59, 60);
//var GroupOfCamsNumbers7 = new Array(61, 62, 63, 64, 65, 66, 67, 68, 69, 70);
//var GroupOfCamsNumbers8 = new Array(71, 72, 73, 74, 75, 76, 77, 78, 79, 80);
//var GroupOfCamsNumbers9 = new Array(81, 82, 83, 84, 85);
//var GroupOfCamsNumbers10 = new Array(86, 87, 88, 89, 90);
//var GroupOfCamsNumbers11 = new Array(1, 11, 21, 31, 41, 51, 61, 71, 81, 86, 2, 12, 22, 32, 42, 52, 62, 72, 82, 87);
//var GroupOfCamsNumbers12 = new Array(3, 13, 23, 33, 43, 53, 63, 73, 83, 88, 4, 14, 24, 34, 44, 54, 64, 74, 84, 89);
//var GroupOfCamsNumbers13 = new Array(5, 15, 25, 35, 45, 55, 65, 75, 85, 90, 6, 16, 26, 36, 46, 56, 66, 76, 0, 0, 7, 17, 27, 37, 47, 57, 67, 77, 0, 0);
//var GroupOfCamsNumbers14 = new Array(8, 18, 28, 38, 48, 58, 68, 78, 0, 0, 9, 19, 29, 39, 49, 59, 69, 79, 0, 0, 10, 20, 30, 40, 50, 60, 70, 80, 0, 0);
//var GroupOfCamsNumbers15 = new Array(91, 92, 93, 94, 95, 96, 97, 98, 99, 100, 101, 102, 103, 104);
var GroupsOfCamsNumbers = new Array(
GroupOfCamsNumbers1);//,
//GroupOfCamsNumbers2,
//GroupOfCamsNumbers3,
//GroupOfCamsNumbers4,
//GroupOfCamsNumbers5,
//GroupOfCamsNumbers6,
//GroupOfCamsNumbers7,
//GroupOfCamsNumbers8,
//GroupOfCamsNumbers9,
//GroupOfCamsNumbers10,
//GroupOfCamsNumbers11,
//GroupOfCamsNumbers12,
//GroupOfCamsNumbers13,
//GroupOfCamsNumbers14,
//GroupOfCamsNumbers15);
var NbRows = 3;
var NbCols = 4;
var CamNumber = 1;
var GroupOfCamNumber = 1;
var Timeout = 0;
var AutoScan = 0;
function WriteMenuInTopFrame(SelectedView)
{
top.TopFrame.document.write('<style>a:visited{color:orange}body{margin:3}</style><body bgcolor=0><center><font face=Arial color=white size=4><img src="Logo.png" align=absmiddle> &nbsp <b>');
if (SelectedView != -3)
top.TopFrame.document.write('<a href="JavaScript:top.JavaScriptFrame.WriteMenuInTopFrame(-3)">');
top.TopFrame.document.write('Ciclico individual<a> | ');
if (SelectedView != -2)
top.TopFrame.document.write('<a href="JavaScript:top.JavaScriptFrame.WriteMenuInTopFrame(-2)">');
top.TopFrame.document.write('Ciclico por lineas<br>');
for (GroupOfCam=1; GroupOfCam<=NumberOfGroupsOfCams; GroupOfCam++) {
top.TopFrame.document.write('<a> ');
if (GroupOfCam != SelectedView) top.TopFrame.document.write('<a href="JavaScript:top.JavaScriptFrame.WriteMenuInTopFrame(' + GroupOfCam + ')">');
if (GroupOfCam < 11) top.TopFrame.document.write('Linea ' + GroupOfCam);
if (GroupOfCam == 15) top.TopFrame.document.write('Celdas Columnares');
}
top.TopFrame.location.reload();
clearTimeout(Timeout);
// Ciclico Individual
if (SelectedView == -3) {AutoScan = 1; NbCols=4; NbRows=2; WriteBottomFrameForOneCam(0)}
// Ciclico por linea
if (SelectedView == -2) {AutoScan = 1; NbCols=4; NbRows=3; WriteBottomFrameForOneGroupOfCams(GroupsOfCamsNumbers[0], NbCols, NbRows)}
// Lineas
if (SelectedView == 1) {AutoScan = 0; NbCols=4; NbRows=3; WriteBottomFrameForOneGroupOfCams(GroupsOfCamsNumbers[SelectedView-1], NbCols, NbRows)}
if (SelectedView == 2) {AutoScan = 0; NbCols=4; NbRows=3; WriteBottomFrameForOneGroupOfCams(GroupsOfCamsNumbers[SelectedView-1], NbCols, NbRows)}
if (SelectedView == 3) {AutoScan = 0; NbCols=4; NbRows=3; WriteBottomFrameForOneGroupOfCams(GroupsOfCamsNumbers[SelectedView-1], NbCols, NbRows)}
if (SelectedView == 4) {AutoScan = 0; NbCols=4; NbRows=3; WriteBottomFrameForOneGroupOfCams(GroupsOfCamsNumbers[SelectedView-1], NbCols, NbRows)}
if (SelectedView == 5) {AutoScan = 0; NbCols=4; NbRows=3; WriteBottomFrameForOneGroupOfCams(GroupsOfCamsNumbers[SelectedView-1], NbCols, NbRows)}
if (SelectedView == 6) {AutoScan = 0; NbCols=4; NbRows=3; WriteBottomFrameForOneGroupOfCams(GroupsOfCamsNumbers[SelectedView-1], NbCols, NbRows)}
if (SelectedView == 7) {AutoScan = 0; NbCols=4; NbRows=3; WriteBottomFrameForOneGroupOfCams(GroupsOfCamsNumbers[SelectedView-1], NbCols, NbRows)}
if (SelectedView == 8) {AutoScan = 0; NbCols=4; NbRows=3; WriteBottomFrameForOneGroupOfCams(GroupsOfCamsNumbers[SelectedView-1], NbCols, NbRows)}
if (SelectedView == 9) {AutoScan = 0; NbCols=4; NbRows=2; WriteBottomFrameForOneGroupOfCams(GroupsOfCamsNumbers[SelectedView-1], NbCols, NbRows)}
if (SelectedView == 10) {AutoScan = 0; NbCols=4; NbRows=2; WriteBottomFrameForOneGroupOfCams(GroupsOfCamsNumbers[SelectedView-1], NbCols, NbRows)}
// Celdas individuales
//if (SelectedView == 11) {AutoScan = 0; NbCols=10}
//if (SelectedView == 12) {AutoScan = 0; NbCols=10}
//if (SelectedView == 13) {AutoScan = 0; NbCols=10}
//if (SelectedView == 14) {AutoScan = 0; NbCols=10}
//Columnas
if (SelectedView == 15) {AutoScan = 0; NbCols=4; NbRows=4; WriteBottomFrameForOneGroupOfCams(GroupsOfCamsNumbers[SelectedView-1], NbCols, NbRows)}
}
function WriteBottomFrameForOneGroupOfCams(CamsNumbers, NbCols, NbRows)
{
var HTMLoutput = '<style>a:link{color:orange}a:visited{color:orange}body{margin:0}td{text-align:center}</style><body bgcolor=0><font face=Arial color=white><table border=0 bordercolor=gray cellspacing=0 cellpadding=4 width=100%>';
for(Row=0; Row<NbRows; Row++)
{
HTMLoutput += '<tr>';
for (Col=1; Col<=NbCols; Col++)
{
if (CamsNumbers[NbCols*Row+Col-1] > 0)
{
if (CamsNumbers[NbCols*Row+Col-1] < 91)
{
// If Internet Explorer under Windows then use ActiveX
HTMLoutput += '<td><object id=Player width=';
HTMLoutput += ((top.document.body.offsetWidth-5)/NbCols - 20);
// HTMLoutput += ((top.document.body.offsetWidth-5)/NbCols - 10); Original width
HTMLoutput += ' height=';
HTMLoutput += ((top.document.body.offsetWidth-5)/NbCols - 20)*3/4;
// HTMLoutput += ((top.document.body.offsetHeight-120)/NbRows - 38); Original height
HTMLoutput += ' CLASSID="CLSID:745395C8-D0E1-4227-8586-624CA9A10A8D" ';
HTMLoutput += 'CODEBASE=http://';
HTMLoutput += CamsIPs[CamsNumbers[NbCols*Row+Col-1]];
HTMLoutput += '/activex/AMC.cab#version=4,1,4,0>';
HTMLoutput += '<param name=MediaURL value=http://';
HTMLoutput += CamsIPs[CamsNumbers[NbCols*Row+Col-1]];
HTMLoutput += URLend + '>';
HTMLoutput += '<param name=MediaType value=mjpeg-unicast>';
HTMLoutput += '<param name=AutoStart value=1>';
HTMLoutput += '<param name=StretchToFit value=1>';
HTMLoutput += '</object>'
}
if (CamsNumbers[NbCols*Row+Col-1] > 90)
{
// If Internet Explorer under Windows then use ActiveX
HTMLoutput += '<td><object id=Player width=';
HTMLoutput += ((top.document.body.offsetWidth-5)/NbCols - 20);
// HTMLoutput += ((top.document.body.offsetWidth-5)/NbCols - 15); Original width
HTMLoutput += ' height=';
HTMLoutput += ((top.document.body.offsetWidth-5)/NbCols - 20)*1/2;
// HTMLoutput += ((top.document.body.offsetHeight-120)/NbRows - 20); Original height
HTMLoutput += ' CLASSID="CLSID:745395C8-D0E1-4227-8586-624CA9A10A8D" ';
HTMLoutput += 'CODEBASE=http://';
HTMLoutput += CamsIPs[CamsNumbers[NbCols*Row+Col-1]];
HTMLoutput += '/activex/AMC.cab#version=4,1,4,0>';
HTMLoutput += '<param name=MediaURL value=http://';
HTMLoutput += CamsIPs[CamsNumbers[NbCols*Row+Col-1]];
HTMLoutput += URLend + '>';
HTMLoutput += '<param name=MediaType value=mjpeg-unicast>';
HTMLoutput += '<param name=AutoStart value=1>';
HTMLoutput += '<param name=StretchToFit value=1>';
HTMLoutput += '</object>'
}
}
else
HTMLoutput += '<td>&nbsp'
} // End of first loop on cols (cams videos)
HTMLoutput += '<tr>';
for (Col=1; Col<=NbCols; Col++)
{
if (CamsNumbers[NbCols*Row+Col-1] > 0)
{
HTMLoutput += '<td><a href="JavaScript:top.JavaScriptFrame.WriteBottomFrameForOneCam(' + CamsNumbers[NbCols*Row+Col-1] + ')"><b>' + CamsNames[CamsNumbers[NbCols*Row+Col-1]]
}
else
HTMLoutput += '<td>&nbsp'
} // End of second loop on cols (cams names)
} // End of loop on rows
HTMLoutput += '</table>';
top.BottomFrame.document.write(HTMLoutput);
top.BottomFrame.location.reload();
if (GroupOfCamNumber==10) {GroupOfCamNumber=0;}
GroupOfCamNumber++;
if (GroupOfCamNumber>NumberOfGroupsOfCams)
GroupOfCamNumber=9;
if (AutoScan == 1)
Timeout = setTimeout("WriteBottomFrameForOneGroupOfCams(GroupsOfCamsNumbers[GroupOfCamNumber-1], NbCols, NbRows)",GroupsScanTimeInterval);
if (AutoScan == 2)
Timeout = setTimeout("WriteBottomFrameForOneGroupOfCams(GroupOfCamsNumbers13, 4, 4)", IndividualScanTimeInterval);
}
function StopAutoScan()
{
clearTimeout(Timeout);
AutoScan = 0;
WriteMenuInTopFrame(0)
}
function WriteBottomFrameForOneCam(NewCamNumber)
{
if (NewCamNumber > 0)
{
CamNumber=NewCamNumber;
StopAutoScan()
}
top.BottomFrame.document.write(
'<style>a:link{color:orange}a:visited{color:orange}body{margin:0}</style><body bgcolor=0><center><object id=Player width='
+ (top.document.body.offsetHeight-150)*4/3
+ ' height=' + (top.document.body.offsetHeight-150)
+ ' CLASSID="CLSID:745395C8-D0E1-4227-8586-624CA9A10A8D" CODEBASE=http://'
+ CamsIPs[CamNumber]
+ '/activex/AMC.cab#version=4,1,4,0><param name=MediaURL value=http://'
+ CamsIPs[CamNumber]
+ URLend1
+ '><param name=MediaType value=mjpeg-unicast><param name=AutoStart value=1><param name=StretchToFit value=1></object><font size=1><br><font face=Arial size=5 color=orange><b><a href=JavaScript:top.JavaScriptFrame.StopAutoScan()>'
+ CamsNames[CamNumber]);
top.BottomFrame.location.reload();
CamNumber++;
if (CamNumber>NumberOfCams)
{
CamNumber=1;
}
if (AutoScan == 1)
Timeout = setTimeout("WriteBottomFrameForOneCam(0)",IndividualScanTimeInterval)
}
WriteMenuInTopFrame(-3)
</script>

Voici ce que me donne la console de dev de Chrome :

Unsafe JavaScript attempt to access frame with URL about:blank from frame with URL file:///CUsers/ ..... /Page%20HTML/JavaScript.html. Domains, protocols and ports must match.
JavaScript.html:290Uncaught TypeError: Cannot call method 'write' of undefined ( ligne 70)

Merci d'avance pour votre aide!

homer3018

Je viens de trouver ceci :

5. La déclaration du codage à l'aide de JavaScript (document.write) ne fonctionne pas
Google Chrome ne lit pas les informations de codage déclarées avec document.write(). Par exemple, si vous utilisez cette méthode pour déclarer le codage des cadres iFrames, des caractères incorrects peuvent apparaître lors de l'affichage d'un tel cadre. Plutôt que :

frame1.js

Code :

document.write("<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">" );
... autre code JavaScript ...

... nous vous recommandons le codage suivant :

frame1.html

Code :

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<script type="text/javascript">
... votre code JavaScript ...
</script>
...

Je ne comprends pas bien comment adapter ceci à mon cas, je dois sortir de mon script avant d'appeler document.write, faire l'équivalent en html, et remettre une balise script après ?

S'il vous plait, un peu d'aide pour comprendre un peu mieux...
Merci d'avance

homer3018

C'est que c'est trop facile pour vous ? :-(

gilou

Modérateur
Modzilla

>> document.write("<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">" );
Vu les double quotes dans des doubles quotes, il y a peut être des problèmes par la suite.
document.write('<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">' );
donnerait il de meilleurs résultats?
A+,

---------------
There's more than what can be linked! -- Iyashikei Anime Forever! -- AngularJS c'est un framework d'engulé! --

Publicité

homer3018

Bonjour, et merci de répondre.

L'exemple ci-dessus a été trouvé dans une aide de chrome. La ligne qui m'interesse est celle-ci:

Code :

top.TopFrame.document.write('<style>a:visited{color:orange}body{margin:3}</style><body bgcolor=0><center><font face=Arial color=white size=4><img src="Logo.png" align=absmiddle> &nbsp <b>');

Ce n'est que le premier appel de document.write, et je pense que tous les appels posent problème.

gilou

Modérateur
Modzilla

De toute façon, si on lit le message d'erreur, je pense que chrome râle peut être parce que tu veux appeler document.write sur un objet TopFrame qui pour lui n'existe pas ou est incorrect:
<frameset rows=0,110,* border=0><frame name=JavaScriptFrame src=JavaScript.html><frame name=TopFrame><frame name=BottomFrame></frameset>
Tu n'as pas associé de page html avec src=... pour TopFrame, et ça pourrait venir de la.
A+,

Message édité par gilou le 18-04-2011 à 11:40:06

---------------
There's more than what can be linked! -- Iyashikei Anime Forever! -- AngularJS c'est un framework d'engulé! --

jceymer

Bonjour,
J'ai le même problème avec chrome : page blanche http://www.cgcp.asso.fr/)
J'ai un fichier index avec Frames :
<frameset cols="195,*" rows="*" frameborder="no">
<frameset rows="110,*" cols="*" frameborder="no">
<frame name="entete" scrolling="no" noresize src="./menu_n/CGCP_entete.php" id="entete">
<frame name="Le_Menu" scrolling="auto" marginwidth="0" src="./menu_n/menu_base_accueil.php" id="Le_Menu">
</frameset>
<frame name="CGCP_Menu" src="./menu_n/menu_arbre.php" id="CGCP_Menu">
<noframes>
<body background="#ccffff">
</body>
</noframes>
</frameset>

J'ai une page avec des images à adapter à la taille de la fenêtre
$retour=$_SERVER['PHP_SELF'];
?>
<SCRIPT LANGUAGE="JavaScript" type="text/javascript">
function initWin()
{
window.onresize = resizeWin;
}

function resizeWin()
{
top.CGCP_Menu.location.href ="<?echo $retour;?>";
if (/Firefox[\/\s](\d+\.\d+)/.test(navigator.userAgent)){
} else {
parent.frames['Le_Menu'].location.reload();
}
}

</SCRIPT>
</head>
<body onresize="resizeWin();">

Tout fonctionne parfaitement avec tous les navigateurs sauf chrome qui dans la partie "Le_Menu" affiche une page blanche.
Quelqu'un a t il une idée ?
Merci
Cordialement

FORUM HardWare.fr

Programmation

HTML/CSS

[JavaScript] Pb compatibilité avec Chrome (page vierge affichée)

Sujets relatifs
PB à l'affichage des actualités dynamique	demande d aide pour integration de javascript sur blog
gwt et javascript	CSS / Compatibilité IE - Firefox
[CSS-positionning] "Caler" un footer en bas de page	creation automatique de liens dans une page html
Pb installation RoR sur Snow Leopard	[Javascript] Tableau de fonctions et Array.prototype
Griser une page web pour faire ressortir un formulaire	Javascript dans une iframe
Plus de sujets relatifs à : [JavaScript] Pb compatibilité avec Chrome (page vierge affichée)

Page générée en 0.195 secondes