18008 sujets

Questions générales et questions de débutants

[Résolu] Deux body sur une page copie de champs

Bonjour,
Je ne fais du HTML qu'occasionnellement...

Sur un écran j'ai une partie dessin et une partie calculs.
Initialement les deux parties étaient indépendantes.
Maintenant je désirerai injecter des calculs dans la partie dessin.

Les deux parties étant conséquentes je les ai bien séparées :
La partie dessin à gauche :

<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8" />
	<title>Astrolabe</title>
	<link href="./styles/astro_style.css" rel="stylesheet" type="text/css">
	<script type="text/javascript" src="./scripts/pgj.js"></script>
	<script type="text/javascript" src="./scripts/simulab/simulab.min.js"></script>
</head>

<body class="page">

<!--                                              Cadre du CANVAS -->
<div id="DIVG" name="DIVG">
	<!-- <canvas id="Canvas"></canvas> En fait canvas est créé en javascript dans Astro.js sinon PB proportions -->
</div>

<!--                                              Ephémérides de PGJ suivi des commandes sur le canvas -->
<div id="DIVDframepgj">
	<iframe id="framepgj" src="./pgj.html"></iframe>
	<div id="DIVDcommandes">
		<td class="rt5"><input class="inputH" disabled="disabled" type="number" id="LocHidden" size="12" /></td>
		<table>
			<tr>
				<td><input type="button" VALUE="Astrolabe" onclick="Astrolabe()" /></td>
			</tr>
			<tr>
				<td><input type="button" VALUE="InitCalculLive" onclick="initCalculLive()" /></td>
			</tr>
			<tr>
			<tr>
				<td><input type="button" VALUE="CalculLive" onclick="calculLive()" /></td>
				<td><input type="text" id="infos"</td>
			</tr>
		</table>
	</div>
</div>


Dans laquelle on peut voir la frame calcul appelée :
<iframe id="framepgj" src="./pgj.html"></iframe>


La partie calculs à droite :
<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8" />
	<title>Ephémérides</title>
	<link href="./styles/pgj.css" rel="stylesheet" type="text/css">
	<!-- Eventuellement utilser le fichier DeltaT.dat si celui du site PGJ n'est pas disponible -->
	<!-- <script type="text/javascript" src="DeltaT.dat"></script> -->
	<script type="text/javascript" src="http://pgj.pagesperso-orange.fr/DeltaT.dat"></script>

	<script src="./scripts/pgj.js"></script>
</head>

<body onload="date();calculer();gen();">
	
<table class="table1L1">                                                        <!-- PREMIER TABLEAU 2 GRANDES CELLULES -->
	<tr>
		<td>
			<table class="table2L1">
				<tr>																														        <!-- 1 ère LIGNE GRANDE CELLULE -->
					<td>																																	<!-- PAVE DATE ET HEURE UTC (Gauche) -->
						<table class="table3L1a">
							<tr>
.....


	
			</table> <!-- table2L3 -->
		</td>
	</tr>
</table>


</body>
</html>

Chaque partie à son javascript dans un fichier particulier

Quand dans la partie javascript dessin (astrolabe) je fais un get sur un input de la partie calcul (Ephémérides) le champ n'est pas vu Smiley decu 
document.getElementById("MerLocHidden")


Y a-t-il un moyen de référencer de façon à remonter dans l'autre body ?

Je colle une image ça aidera, j'espère,
désolé, j'ai dû la réduire un max pour la faire passer...
https://up2sha.re/file?f=KtOGj1KanzB3
MERCI d'avance !!!
Bon je ne suis pas doué pour coller une URL ici Smiley fache
https://up2sha.re/file?f=KtOGj1KanzB3
Modifié par dmganges (01 Apr 2015 - 17:11)
Sujet clos
Aller à