Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
756 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  PB affichage incomplet d'un cadre javascript

 
 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

PB affichage incomplet d'un cadre javascript

n°2040118
historien-​it
Posté le 05-12-2010 à 15:18:41  profilanswer
 

Bonjour à tous,  
 
 
J'ai une colle à vous poser, qui fait appel à des compétences de programmeur, que je n'ai pas : j'ai besoin d'utiliser un site avec des archives en ligne (http://datini.archiviodistato.prato.it/www/archivio.html), mais je n'arrive pas à les afficher selon la version d'ordi que j'utilise. En gros, quand je suis sous macbook (mac os X 10.5.8) et quand je suis sous Vista, ça ne marche pas, mais sur certains ordis avec XP ça marche. J'utilise le mac en temps normal.
 
En fait, dans le cadre de gauche on trouve l'arborescence de l'archive, on peut dérouler les menus jusqu'à choisir un document en particulier (des lettres), et le site affiche à droite le résumé de la lettre, on doit normalement avoir une série de bouton en bas, notamment un bouton "immagini", qui lorsqu'on clique dessus, permet d'ouvrir la photo du document dans une autre fenêtre. Dans mon cas, je peux pas le faire car ce javascript (de m***e) m'affiche qu'un bandeau minuscule, et je peux pas voir le bas des deux cadres... le seul truc que je réussis à faire, c'est de faire un clic droit et de faire afficher le cadre de gauche dans un autre onglet/fenêtre, où il apparait en entier, mais je peux plus avoir la description du document quand je clique dessus...
 
Est-ce que vous auriez par hasard une solution pour que je puisse afficher le truc en entier ? j'ai safari et firefox + chrome, mais rien ne change..
 
Voilà, j'espère que vous pourrez m'aider, car c'est c'est très important pour moi d'accéder à ces données (travail de recherches universitaires).
 
A+et merci d'avance,  
 
historien-it

mood
Publicité
Posté le 05-12-2010 à 15:18:41  profilanswer
 

n°2040960
cetplus
Wazard dans l'ombre
Posté le 09-12-2010 à 09:18:20  profilanswer
 

Salut.
J'aimerais t'aider mais là je comprend pas tout.
Je vois que tu gère ça sous forme de lien, qui redirige avec du javascript.
Que t'as présentation est faite en css, ce qui est tout simplement logique.
Mais pourrais-tu m'indiquer où ce trouve le fichier JS ?
Et le fichier CSS ?

n°2040998
Paulp
~, sweet ~
Posté le 09-12-2010 à 11:57:38  profilanswer
 

sous firefox, tu peux coller ce code dans la barre d'adresse et faire Entrée pour l'exécuter :

Code :
  1. javascript:(function(){document.body.parentNode.style.overflow='visible';document.body.style.overflow='visible';document.getElementById('footPageBig').style.position='relative';document.getElementById('contentPage').style.height='100%';document.getElementById('contentPage').contentDocument.getElementById('leftArea').style.height='100%';document.getElementById('contentPage').contentDocument.getElementById('schedaBreve').style.height='100%';})();

Message cité 1 fois
Message édité par Paulp le 09-12-2010 à 11:58:33
n°2041212
historien-​it
Posté le 10-12-2010 à 00:35:19  profilanswer
 

Paulp a écrit :

sous firefox, tu peux coller ce code dans la barre d'adresse et faire Entrée pour l'exécuter :

Code :
  1. javascript:(function(){document.body.parentNode.style.overflow='visible';document.body.style.overflow='visible';document.getElementById('footPageBig').style.position='relative';document.getElementById('contentPage').style.height='100%';document.getElementById('contentPage').contentDocument.getElementById('leftArea').style.height='100%';document.getElementById('contentPage').contentDocument.getElementById('schedaBreve').style.height='100%';})();



 
Je ne sais pas où sont les CSS et les javascript : je ne suis pas le concepteur du site, mais un simple utilisateur bien embêté.
 
Un Grand Merci à Paulp : c'est magique quand ça marche l'informatique !!
Le seul hic, c'est qu'il y a encore un petit souci : je vois effectivement l'arborescence en grand, mais les boutons qui doivent apparaître en bas à droite ont disparu. D'après ce que j'ai compris dans le code source du cadre "schede breve" à droite, il manque un autre cadre, qui affiche les boutons/"bottone", notamment celui qui m'intéresse le plus : "IMMAGINI".
 
Voici le code source en question, avec en gras le bouton en question (mais si je peux afficher tous les boutons c'est encore mieux...) =  
 
<!-- scheda breve -->
<link rel="stylesheet" href="/www/css/main.css">
<html>
<head>
<title>Scheda Breve</title>
<link href="/damAccounts_www/datini/css/main.css" rel="stylesheet" type="text/css">
<script language="javascript" src="/damAccounts_www/datini/js/custom.js"></script>
<script language="javascript" src="/dams_common/js/xdams_gestione.js"></script>
<script language="javascript" src="/dams_common/js/xdams_document.js"></script>
<script language="javascript">
function stampaRic(){
if(parent.document.getElementById('leftArea')!=null){
percorso = parent.document.getElementById('leftArea').src
window.open(percorso+"&printPage",'stampa_pagina')
}
}
</script>
<style>
.formatSezioneScheda{border-left:3px solid #924040;border-bottom:1px solid #924040;width:100%;padding:4px;text-align:justify}
</style>
<link rel="stylesheet" href="/www/css/main.css" />
<link rel="shortcut icon" href="/www/img/favicon.ico" /><link rel="icon" href="/www/img/favicon.ico" /><meta name="generator" content="xDams-cms &amp;copy; regesta exe 2008" /><meta name="Author" content="regesta.exe srl" /></head>
<body class="bodyMain" onload="evidenziaDocumento();" >
<form name="theForm" action="?"><input type="hidden" name="physDoc" value="9965" /></form><div id="contentSubPage">
<div style="margin-top:10px">
<table id="laGerarchia" cellspacing="0" cellpadding="0" border="0" ><tr><td width="1">
<img src="/dams_common/img/null.gif" border="0" height="1" align="absmiddle" vspace="0" hspace="0" width="0"></td>
<td valign="top"><img src="/dams_common/img/btree/cc.gif" border="0" align="absmiddle" vspace="0" hspace="0"></td>
<td align="left" valign="top">&#160;<a class="foldertree" href="javascript:void(0)" onclick="return parent.apriAlbero('4',4)">Fondaco di Pisa,<em> 1378 - 1410 </em></a></td></tr></table>
<table id="laGerarchia" cellspacing="0" cellpadding="0" border="0" ><tr><td width="1">
<img src="/dams_common/img/null.gif" border="0" height="1" align="absmiddle" vspace="0" hspace="0" width="18"></td>
<td valign="top"><img src="/dams_common/img/btree/cc.gif" border="0" align="absmiddle" vspace="0" hspace="0"></td>
<td align="left" valign="top">&#160;<a class="foldertree" href="javascript:void(0)" onclick="return parent.apriAlbero('9778',9778)">Carteggio ricevuto dal fondaco</a></td></tr></table>
<table id="laGerarchia" cellspacing="0" cellpadding="0" border="0" ><tr><td width="1">
<img src="/dams_common/img/null.gif" border="0" height="1" align="absmiddle" vspace="0" hspace="0" width="36"></td>
<td valign="top"><img src="/dams_common/img/btree/cc.gif" border="0" align="absmiddle" vspace="0" hspace="0"></td>
<td align="left" valign="top">&#160;<a class="foldertree" href="javascript:void(0)" onclick="return parent.apriAlbero('9780',9780)">proveniente da AIGUES-MORTES</a></td></tr></table>
<table id="laGerarchia" cellspacing="0" cellpadding="0" border="0" ><tr><td width="1">
<img src="/dams_common/img/null.gif" border="0" height="1" align="absmiddle" vspace="0" hspace="0" width="54"></td>
<td valign="top"><img src="/dams_common/img/btree/cc.gif" border="0" align="absmiddle" vspace="0" hspace="0"></td>
<td align="left" valign="top">&#160;<a class="foldertree" href="javascript:void(0)" onclick="return parent.apriAlbero('9952',9952)">425.1 Lettere di BONINSEGNA MATTEO DI LORENZO DI MATTEO a DATINI FRANCESCO DI MARCO E COMP.</a></td></tr></table>
<br><br><div style="width:95%"><div class="formatSezioneScheda" id="elemento" id="1.1.1" title="/c/did/origination/corpname/text()"><strong>fondaco</strong><br>PISA</div><div class="formatSezioneScheda" id="elemento" id="1.1.2" title="/c/did/unittitle/subject"><strong>tipologia</strong><br><em></em>
CARTEGGIO COMMERCIALE
<br/></div>
<br/>
<div class="formatSezioneScheda" id="elemento" id="1.2.2" title="/c/did[child::materialspec/text()='carteggio']/unittitle"><strong>identificazione</strong><br><em>mittente:</em>
BONINSEGNA MATTEO DI LORENZO DI MATTEO<br/>
<em>destinatario:</em>
DATINI FRANCESCO DI MARCO E COMP.
<br/></div><div class="formatSezioneScheda" id="elemento" id="1.2.4" title="/c/did[child::materialspec/text()='carteggio']/unittitle"><strong>estremi geografici e cronologici</strong><br><em>luogo di partenza:</em>
AIGUES-MORTES  
<em>data di partenza:</em>
1384/04/25<br>
<em>luogo di arrivo:</em>
PISA  
<em>data di arrivo:</em>
1384/04/29<br>
</div>
<br/>
<div class="formatSezioneScheda" id="elemento" id="1.4.1" title="/c/did/physdesc"><strong>consistenza</strong><br><em></em>
CARTACEO
<em></em>
<br>carte
<em></em>
2<br>
</div><div class="formatSezioneScheda" id="elemento" id="1.4.2" title="/c/did/physdesc/physfacet"><strong>descrizione fisica</strong><br><em></em>
MUTILA DELLA FINE<br>
</div>
<br/>
<div class="formatSezioneScheda" id="elemento" id="3.1.1" title="/c/note/p/text()"><strong>note</strong><br>MUTILA DELLA SOPRASCRITTA; DATI PRESUNTI</div>
<br/>
<div class="formatSezioneScheda" id="elemento" id="4.1.1" title="/c/did"><strong>segnatura</strong><br><em></em>
425.1
<em></em>
/ 504239
</div>
<br/>
</div>
</div>
</div>
<div id="footSubPage">
<table width="100%" border="0" height="40" cellpadding="0" cellspacing="0" class="testoMain11">
<tr>
<td valign="top" width="100%" bgcolor="#AFACAC" style=" ">
<table class="bottone" cellspacing="0" cellpadding="0" border="0" height="17" width="100%">
<tr><td height="1" colspan="5" class="bottoneSeparaLight"><img src="/dams_common/img/null.gif" border="0" width="1" height="1"></td></tr>
<tr align="center" valign="middle">
<td id="tab04" class="bottone" onmouseover="this.className='bottoneHover'" onmouseout="this.className='bottone'"><a class="bottoneLink" href="javascript:void(0);" onclick="return parent.apriAlbero('9965',9952);">STRUTTURA</a></td>
<td width="1" class="bottoneSeparaLight"><img src="/dams_common/img/null.gif" border="0" width="1" height="1"></td>
<td id="tab05" class="bottone" onmouseover="this.className='bottoneHover'" onmouseout="this.className='bottone'"><a class="bottoneLink" href="javascript:void(0);" onclick="return visXML('9965','datiniStorico');">VIS. XML</a></td>
<td width="1" class="bottoneSeparaLight"><img src="/dams_common/img/null.gif" border="0" width="1" height="1"></td>
<td width="33%" class="bottone" onmouseover="this.className='bottoneHover'" onmouseout="this.className='bottone'"><a class="bottoneLink" href="stampaScheda.jsp?theDb=datiniStorico&docNumber=9965" target="_blank" title="Produce una versione stampabile della scheda corrente">STAMPA</a></td>
</tr>
<tr><td height="1" colspan="5" class="bottoneSeparaLight"><img src="/dams_common/img/null.gif" border="0" width="1" height="1"></td></tr>
<tr align="center" valign="middle">
<td class="bottone" onmouseover="this.className='bottoneHover'" onmouseout="this.className='bottone'">&#160;</td>
<td width="1" class="bottoneSeparaLight"><img src="/dams_common/img/null.gif" border="0" width="1" height="1"></td>
<td class="bottone" onmouseover="this.className='bottoneHover'" onmouseout="this.className='bottone'">&#160;</td>
<td width="1" class="bottoneSeparaLight"><img src="/dams_common/img/null.gif" border="0" width="1" height="1"></td>
<td class="bottone" onmouseover="this.className='bottoneHover'" onmouseout="this.className='bottone'">&#160;</td>
</tr>
<tr><td height="1" colspan="5" class="bottoneSeparaLight"><img src="/dams_common/img/null.gif" border="0" width="1" height="1"></td></tr>
<tr align="center" valign="middle">
<td class="bottone" onmouseover="this.className='bottoneHover'" onmouseout="this.className='bottone'"><a class="bottoneLink" href="http://193.43.106.138/cnt.asp?a=1&d=F6FEDF80-D8CC-457E-9349-057D348401B9&tv=FILE" target="_blank">IMMAGINI</a></td>
<td width="1" class="bottoneSeparaLight"><img src="/dams_common/img/null.gif" border="0" width="1" height="1"></td>
<td class="bottone" onmouseover="this.className='bottoneHover'" onmouseout="this.className='bottone'">&#160;</td>
<td width="1" class="bottoneSeparaLight"><img src="/dams_common/img/null.gif" border="0" width="1" height="1"></td>
<td class="bottone" onmouseover="this.className='bottoneHover'" onmouseout="this.className='bottone'">
</td>
</tr>
<tr>
<td class="bottoneSeparaRed" colspan="5" height="1"><img height="1" width="1" border="0" src="/dams_common/img/null.gif"></td>
</tr>
</table>
</div>
<script type="text/javascript">var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www." );document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E" ));</script><script type="text/javascript">var pageTracker = _gat._getTracker("UA-1996854-19" );pageTracker._initData();pageTracker._trackPageview();</script></body>
</html>

n°2041217
David Bori​ng
Posté le 10-12-2010 à 01:57:58  profilanswer
 

Misère, certaine personne devrait arrêter de faire du web

n°2041258
Paulp
~, sweet ~
Posté le 10-12-2010 à 11:04:11  profilanswer
 

Code :
  1. javascript:var%20s=document.createElement('script');s.setAttribute('src',%20'http://jquery.com/src/jquery-latest.js');document.getElementsByTagName('body')[0].appendChild(s);void(s);
  2. javascript:var%20clean = function(doc){$('*',doc).css({height:'auto',overflow:'auto','position':'static'});$('html,body',doc).css('height','100%');$('iframe',doc).css('height','100%').each(function(){clean(this.contentDocument)});};clean(document);void(document);


 
Exécute les deux l'un après l'autre.
le premier charge la librairie jquery
le deuxième reset les styles de la page (en gros, on dit de tout afficher en mode automatique)

Message cité 1 fois
n°2041421
historien-​it
Posté le 10-12-2010 à 19:12:51  profilanswer
 

Paulp a écrit :

Code :
  1. javascript:var%20s=document.createElement('script');s.setAttribute('src',%20'http://jquery.com/src/jquery-latest.js');document.getElementsByTagName('body')[0].appendChild(s);void(s);
  2. javascript:var%20clean = function(doc){$('*',doc).css({height:'auto',overflow:'auto','position':'static'});$('html,body',doc).css('height','100%');$('iframe',doc).css('height','100%').each(function(){clean(this.contentDocument)});};clean(document);void(document);


 
Exécute les deux l'un après l'autre.
le premier charge la librairie jquery
le deuxième reset les styles de la page (en gros, on dit de tout afficher en mode automatique)


 
 
Encore merci Paulp, on progresse pas mal, mais aie il manque encore des choses :  
- les boutons s'affichent en effet, même s'ils apparaissent dans le cadre de gauche, mais ce qui est un problème mineur pour moi, sauf si ça a des implications sur le plan de la programmation pour la reconnaissance de l'identité
- car en cliquant, j'ai un message d'erreur :  
 
D:\Sorgenti\2006\Galileo 3.1\DSCom\Session.cpp error '80004005'
 
##2121## - Errore indefinito durante la comunicazione con il componente che gestisce l'accesso al sistema. Problema componenti lato server. Contattare l'amministratore.
 
/cnt.asp, line 52
 
(soit, erreur indéfinie durant la communication avec l'utilisateur qui gère l'accès au système. Problème de composition du côté du serveur. contacter l'administrateur)
 
en fait, en ouvrant le code source, j'ai pu voir que l'image que je voulais ouvrir est à cette adresse suivante :  
 
href="http://193.43.106.138/cnt.asp?a=1&d=F6FEDF80-D8CC-457E-9349-057D348401B9&tv=FILE"
 
Mais je suis quasiment sûr (en discutant avec d'autres utilisateurs), qu'il y a un 2e serveur qui héberge les images en question...
Y-a-t-il un moyen de réussir à ouvrir ces fichiers quand même ?  
 
C'est à s'arracher les cheveux...
 
Merci par avance de votre aide..

n°2041740
Paulp
~, sweet ~
Posté le 13-12-2010 à 11:09:03  profilanswer
 

Là franchement, je ne peux plus grand chose pour toi ...
 
Ce site est vraiment trop mal foutu ...

Message cité 1 fois
n°2041815
historien-​it
Posté le 13-12-2010 à 15:36:03  profilanswer
 

Paulp a écrit :

Là franchement, je ne peux plus grand chose pour toi ...
 
Ce site est vraiment trop mal foutu ...


 
 
je suis bien d'accord que ce site est trop mal foutu, mais il doit bien y a avoir un moyen non ?...
si quelqu'un a d'autres idées ?...
 
est-il possible que l'une des opérations faites après le chargement de la page réinitialisent "l'identité" de l'utilisateur, et donc bloquent le chargement de l'image quand on clique sur "immagini" ?
peut-être que par une opération magique, quand la description du doc et les boutons s'affichent effectivement à droite ça marche ?
 
j'espère que quelqu'un pourra m'aider..
merci d'avance

n°2041819
Paulp
~, sweet ~
Posté le 13-12-2010 à 15:45:58  profilanswer
 

Le script que je t'ai donné ne modifie en rien la structure de la page.
 

Code :
  1. // creation d'une fonction clean qui nettoie le document
  2. var clean = function(doc){ // on prend le document en paramètre
  3.   // On resette l'affichage de tous les éléments du document
  4.   $('*',doc).css({height:'auto',overflow:'auto','position':'static'});
  5.   // On force à utiliser toute la place disponible
  6.   $('html,body',doc).css('height','100%');
  7.   // On appelle la fonction clean sur tous les documents inclus
  8.   $('iframe',doc).css('height','100%').each(function(){
  9.     clean(this.contentDocument)
  10.   });
  11. };
  12. // on appelle la fonction clean sur le document principal
  13. clean(document);

Message cité 1 fois
mood
Publicité
Posté le 13-12-2010 à 15:45:58  profilanswer
 

n°2043277
historien-​it
Posté le 20-12-2010 à 13:58:51  profilanswer
 

Paulp a écrit :

Le script que je t'ai donné ne modifie en rien la structure de la page.
 

Code :
  1. // creation d'une fonction clean qui nettoie le document
  2. var clean = function(doc){ // on prend le document en paramètre
  3.   // On resette l'affichage de tous les éléments du document
  4.   $('*',doc).css({height:'auto',overflow:'auto','position':'static'});
  5.   // On force à utiliser toute la place disponible
  6.   $('html,body',doc).css('height','100%');
  7.   // On appelle la fonction clean sur tous les documents inclus
  8.   $('iframe',doc).css('height','100%').each(function(){
  9.     clean(this.contentDocument)
  10.   });
  11. };
  12. // on appelle la fonction clean sur le document principal
  13. clean(document);



 
 
Salut Paulp,  
 
je viens de réessayer quelques jours après : tout marche pour le mieux, je réussis à charger les images normalement. Après, les problèmes d'affichage (cadres affichés verticalement), franchement c'est secondaire. Le site contenant les images devait avoir planté pile au moment où j'ai essayé...quand on a pas de bol, on a pas de bol...  
Donc un très grand merci (et je ne doutais pas de tes capacités de programmeur que je n'ai pas du tout...)
 


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  PB affichage incomplet d'un cadre javascript

 

Sujets relatifs
Pb contenu html en PHP[Résolu] echo %%i : éviter l'affichage de la commande utilisée
cours en langage C/C++ et javascript[resolu] JS affichage d'image cassé :-(
Programmation javascript Acrobat X pro pour feuille de perso cthulhuKcfinder si quelqu'un connait: Petit bug d'affichage...
[Résolu] Javascript qui test checkbox cochéePas d'affichage d'images sur firefox mais oui sur les autres browsers
Pas d'affichage des images sur internet explorer mais oui sur firefox 
Plus de sujets relatifs à : PB affichage incomplet d'un cadre javascript

Forum MesDiscussions.Net, Version 2010.2
(c) 2000-2011 Doctissimo
Page générée en 0.086 secondes

Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR