Sujet Précédent Sujet Suivant

HTML: inetgrer un bout de page

Fermé
Hel - 3 août 2004 à 11:01
 Hel - 4 août 2004 à 15:30
Bonjour,

Je souhaiterai savoir s'il est possible sans utiliser de frame, d'intégrer dans une page html, une autre page html.
En fait, mon problème est que g une page html et un site ftp avec des infos qui sont remises a jour tous les jours.
Je voudrait intégrer ces infos dans ma page html.
Je ne dois utiliser que du html et rien d'autre.

Merci par avance

Héléna
A voir également:

11 réponses

Réponse 1 / 11
Canard007 Messages postés 5929 Date d'inscription mercredi 26 mai 2004 Statut Contributeur Dernière intervention 18 septembre 2009 215
3 août 2004 à 11:06
avec du javascript ca doit etre possible mais sinon il est impossible de faire du "dynamique" avec du simple html

COIN!
0
Réponse 2 / 11
Hel
3 août 2004 à 11:12
justement , il faut que ce soit statique !!!

Mon boss y tient absolument !

Je vais quand meme essayer avec du javascript je n'y avait pas pensé.

Merci de ta réponse

Héléna
0
Réponse 3 / 11
Canard007 Messages postés 5929 Date d'inscription mercredi 26 mai 2004 Statut Contributeur Dernière intervention 18 septembre 2009 215
3 août 2004 à 11:20
Tiens voila du code javascript qui va chercher sur un FTP un fichier XML , j'en extrait les données et je les affiches....ca pourra sans doute t'aider a demarrer.
Sinon dit à ton chef que de toutes maniere que juste en html c'est impossible mais bon je JS c'est pas trop contraigant vu que c'est executer sur le client. 
<script language="javascript">



//variables globales
var url = "url de mon fichier (en l'occurence ftp qq chose)";
//actix necessaire pour  du xml
var xml = new ActiveXObject("Microsoft.XMLDOM");


function icallparam(req) 
{
	
	win = window.open("","",'width=420,height=510,left=300,top=22,scrollbars=no');
	win.document.location = "C:\Documents and Settings\SPetit\Bureau\page web\first.html";
	
	
}

function affichedate()
{
	Date = new Date();
	if (Date.getDate() < 10)
	{
		 jour = "0" + Date.getDate();
	}
	else
	{
		 jour = "" + Date.getDate();
	}
	if ((Date.getMonth() + 1) < 10) 
	{
		mois = "0" + (Date.getMonth() + 1);
	}
	else
	{
		 mois = "" + (Date.getMonth() + 1);
	}
	annee = Date.getYear();
	num_jour = Date.getDay();

	if(num_jour==0)
	{
		nom_jour="Dimanche";
	}
	else if(num_jour==1)
	{
		nom_jour="Lundi";
	}
	else if(num_jour==2)
	{
		nom_jour="Mardi";
	}	
	else if(num_jour==3)
	{
		nom_jour="Mercredi";
	}
	else if(num_jour==4)
	{
		nom_jour="Jeudi";
	}
	else if(num_jour==5)
	{
		nom_jour="Vendredi";
	}
	else if(num_jour==6)
	{
		nom_jour="Samedi";
	}
	document.write("<b>Nous sommes le : "+nom_jour+" "+jour+"/"+mois+"/"+annee+"</b>");
				
}
function affichenews()
{
	date="";
	auteur="";
	titre="";
	texte="";	
	nombre=0;
			
	loadfile();

	var node = xml.documentElement;
	NodeList = node.childNodes;
	nombre	= NodeList.length;
	node = node.firstChild;

	while (node!=null)
	{		
		node=getData(node);
		modelenews(date,auteur,texte,titre);	
	}
}

function modelenews(date,auteur,texte,titre)
{
	document.write("<center>"+
			"<table border=0 cellspacing=0 cellpadding=0 width='820'>"+
			"<tr>"+
			"	<td width=2 bgcolor='#B2E2D0'></td>"+
			"	<td width=100 bgcolor='#B2E2D0'><b>"+auteur+"</b></td>"+
			"	<td width=10 bgcolor='#B2E2D0'></td>"+
			"	<td width=10   bgcolor='#B2E2D0'></td>"+
			"	<td width=600  ALIGN = 'center' bgcolor='#B2E2D0'><b>"+titre+"<b></td>"+
			"	<td width=100 bgcolor='#B2E2D0'><b>"+date+"</b></td>"+
			"</tr>"+
			"	<td width=2 bgcolor='#000000'></td>"+
			"	<td width=110 colspan ='2'></td>"+
			"	<td width=10></td>"+
			"	<td width=600 >"+texte+"</td>"+
			"	<td width=100 bgcolor='#000000'></td>"+
			"	<td>"+
			"</td>"+	
			"</table>"+
			"</center>");	
}


function loadfile()
{	
	xml.load(url);
	compt=0;
	while(xml.readyState!=4)
     	{
		compt++
	}
}


function getData(node)
{   				
	nodefils = node.firstChild;
	auteur = nodefils.text;
	nodefils = nodefils.nextSibling;
	titre = nodefils.text;
	nodefils = nodefils.nextSibling;
	date = nodefils.text;
	nodefils = nodefils.nextSibling;
	texte = nodefils.text;
	return node.nextSibling;		
}
</script>


</head>

<body>

<table border=0 cellspacing=0 cellpadding=0 width="1000">
	<td align=center width="15%" bgcolor='#FDF0DD'>
		<SCRIPT LANGUAGE="Javascript">
			<!--
			affichedate(); 
			// -->
		</script> 
	</td>

	<td align=center width="2%" bgcolor='#000000'>
	</td>

	<td align=center width="83%" bgcolor='#ADF0D1'>
		<b>News</b>
	</td>

</table>

<table>
<td valign=top width="15%" bgcolor='#FDF0DD'>
<fieldset color="#6060F0">
	<legend class="legende" ><b>Menu</b></legend>
	<br>
	<input   type="button"  onClick="icallparam('Administration');"     value="Administration"/><br>
	<br>
	<input  type="button"  onClick="icallparam('Ajouter une news');"    value="       Ajouter       "/><br>
	<br>
	<input   type="button" onClick="icallparam('Rechercher une news');" value="  Rechercher  "/><br>
	<br>
	<input   type="button"  onClick="icallparam('S'inscrire');"         value="     S'inscrire     "/><br>
	<br>
</fieldset>	
</td>
<td valign=top width="2%" bgcolor='#000000'>
</td>
<td width="83%">
<SCRIPT LANGUAGE="Javascript">
<!--
affichenews();
// -->
</script>
</td>
</table>
</body>
</html>

le xml c'est pratique pour les données mise à jour sur le FTP parle en a ton chef ca fait plus propre ^^
COIN!
0
Réponse 4 / 11
muppet
3 août 2004 à 12:09
Salut, le problème avec java script, c'est que c'est client side, donc potentielement désactivé. A mon avis, vaut mieux php (ou à la rigueur asp), c'est server side donc pas désactivable :-)
J'y connais rien en php pour l'instant, mais j'ai vu un exemple pour "simuler" une frame : http://www.alsacreations.com/articles/frames/suite.php
sinon, toujours une de mes favoris : http://www.w3schools.com/
Bonne chance ;-)
0
Canard007 Messages postés 5929 Date d'inscription mercredi 26 mai 2004 Statut Contributeur Dernière intervention 18 septembre 2009 215
3 août 2004 à 12:25
le probleme si j ai bien suivi son probleme c'est que sont chef ne veut pas de dynamique et je suppose qu'il ne veut pas de dynamique car il ne veut pas s'embeter a installer un serveur web ce qui est necessaire avec PHP/ASP

COIN!
0
muppet > Canard007 Messages postés 5929 Date d'inscription mercredi 26 mai 2004 Statut Contributeur Dernière intervention 18 septembre 2009
3 août 2004 à 12:54
Certes, mais s'il veut intergrer un page dans une autre, sans dynamique et sans frame ... je suis pas spécialiste, mais là je dirais qu'il l'a dans le ... qu'il se met le doigt dans l'oeil :-D
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
Réponse 5 / 11
jisisv Messages postés 3645 Date d'inscription dimanche 18 mars 2001 Statut Modérateur Dernière intervention 15 janvier 2017 934
3 août 2004 à 13:02
ActiveX pas standard et désactivé sur ma bécanne Win$
(je n'utilise jamais IE sauf nécessité absolue)
JavaScript à la rigueur.(je ne sais pas si on peut ouvrir des connexions FTP ave JavaScript...)

Ton patron, je crois qu'il veut le beurre , l'argent du beurre
et le sourire de la crémière.

Gates gave you the windows.
GNU gave us the whole house.(Alexandrin)
0
Réponse 6 / 11
Florent
3 août 2004 à 14:24
Si ton patron y connait rien, tu dis que c'est possible que en php avec la fonctoin include et après, tu pourras t'éclater avec plein de scripts en php !!
0
Réponse 7 / 11
nanar
3 août 2004 à 14:36
Bonjour,

1. Il est possible d'intégrer du javascript dans toute page HTML.
2. Le javascript permet d'écrire (notamment du code HTML)
via la fonction document.write()
3. Le javascript peut être contenu dans un fichier externe (d'extension .js)
1+2+3 = Il est possible de placer dans un fichier externe un contenu qui sera intégré à une page HTML

Personnellement, c'est la méthode que j'utilise pour avoir le même entête et le même pied de page sur toutes les pages HTML de mon site.

Cependant, il est vrai que le javascript peut être désactivé du navigateur du (et par le) client. Ce qui est rare malgré tout

Coté serveur, il n'y a que PHP ou ASP (me semble-t-il), ce qui suppose l'utilisation d'un serveur web compatible PHP ou ASP

Lire la suite pour découvrir une solution en Javascript.

suite ...

La fonction write() écrit une chaîne de caractères. Toutefois, le code HTML à insérer pourrait contenir des guillements ou une apostrophe. Dans ce cas, il convient de traiter préalablement la chaîne (= tout le code HTML à insérer) avec la fonction escape()

Si tu cliques sur la page
http://users.swing.be/compagnons-eole/escape.htm
tu peux taper, dans la première fenêtre, le code HTML que veux insérer dans ta page HTML via un fichier externe

Une fois que tu auras cliqué sur "convertir", tu obtiendras quelquechose d'illisible pour un humain mais parfaitement clair pour un interpréteur javascript

Il suffit ensuite de copier ce truc bizarre et de le coller dans le bloc notes.

Maintenant, si tu cliques sur le lien suivant,
http://users.swing.be/compagnons-eole/_private/_fin.js
tu verras mon javascript (le pied page de toutes mes pages web)

Tu remarqueras la variable w="un truc illisible".
Comme tu l'auras compris, il suffit de remplacer mon truc bizarre par ton truc bizarre

Pour ce faire, enregistre mon fichier "_fin.js" sur ton disque dur. Renomme-le comme tu veux (mais en conservant l'extension .js)
Ouvre le avec le bloc note. Supprime la troisième ligne et remplace mon truc bizarre par le tien.

Le reste est un jeu d'enfant. Il suffit d'insérer à l'endroit souhaité dans ta page HTML un script qui appelera le contenu à insérer.

Si tu regardes le code source de la page
http://users.swing.be/compagnons-eole/eolienne/accueil.htm
tu remarqueras, tout en bas, le code suivant :
<script language="javascript" src="../_private/_fin.js"></script>

Et comme par miracle, le texte (qui est codé de manière illisible dans le fichier externe) apparaît lisiblement en bas de la page (ici, l'adresse de l'association)

En résumé,

1. Tu convertis le code HTML à insérer
2. Tu places le fruit de cette conversion dans un fichier externe (contenu de ma variable w)
3. Dans la page HTML, tu insères à l'endroit que tu veux, le script qui appelle ce fichier externe
0
Réponse 8 / 11
Hel
3 août 2004 à 17:43
salut,

Merci pour toutes vos réponses.
Je vais lui proposer le javascript.
Pour le php c'est meme pas la peine il est anti php !

Encore merci

Helena
0
Canard007 Messages postés 5929 Date d'inscription mercredi 26 mai 2004 Statut Contributeur Dernière intervention 18 septembre 2009 215
3 août 2004 à 17:49
de rien tous le plaisir et pour nous.
Bon courage

COIN!
0
Réponse 9 / 11
Utilisateur anonyme
4 août 2004 à 09:33
Si ton patron accepte le javascript, voici une manière de réaliser l'insertion de ta page.

1. Ouvrir une nouvelle fenêtre (popup) qui charge la page à récupérer.
2. Récupérer le code HTML du body de la page
3. Stocker ce code HTML dans une variable.
4. Fermer la fenêtre popup
5. Ecrire le code HTML dans (un élémént de) la page

Inconvénient: une fenêtre popup s'ouvre et se referme directement lorsque tu affiches la page.


Voci 2 fichiers HTML que tu n'as qu'à copier et sauvegarder dans le même répertoire.

Attention! Ce script ne fonctionne qu'avec des pages provenant d'un MEME SITE!

Si tu essaies de récupérer le code HTML d'une page popup qui à chargé une page externe à ton site, tu obtiendras une erreue ("Access is denied"). c'est une sécurité de Javascript.


Page 'index.html':
----------------------- 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<!--
	Author: Philippe Fery
	Creation: Augustus 4, 2004
	philippefery@hotmail.com
-->
	<head>
		<script>
		function insertPage(pageRef, targetElm){
			w = window.open(pageRef,'','');
			w.moveTo(2000,2000);
			html = w.document.body.innerHTML;
			w.close();
			w=null;
			document.getElementsByName(targetElm)[0].innerHTML=html;
		}
		</script>
	</head>

<body onLoad="insertPage('ToInsert.html', 'insertDiv');">

	<div id="insertDiv" style="position: absolute; width: 640px; height: 200px; top: 100px; left: 300px; border-width: 1 px; border-color: #444444; border-style: solid; background-color: #dddddd;">
		
	</div>
</body>
</html>



Page 'ToInsert.html' :
-------------------------- 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<!--
	Author: Philippe Fery
	Creation: Augustus 4, 2004
	philippefery@hotmail.com
-->
<head>
	<style>
		body{
			
		}
	</style>
</head>

<body>
	<span style="position: relative; width: 200px; height: 80px; left: 40px; top: 10px; border-width: 5 px; border-color: #8888ff; border-style: solid; background-color: #eeeeff; color: #8888ff;">
		Voici le contenu de la page à insérer
	</span>
</body>
</html>



;-)
0
Réponse 10 / 11
grofwa Messages postés 440 Date d'inscription jeudi 24 juillet 2003 Statut Membre Dernière intervention 21 juillet 2006 479
4 août 2004 à 12:26
Salut,

Par pure curiosité, pourquoi ton patron il est anti-php ?
Ca m'échappe en ce qui me concerne...

Michael.

Ne vous souciez pas de n'être pas remarqué ; cherchez 
plutôt à faire quelque chose de remarquable [Confucius]
0
Réponse 11 / 11
Hel
4 août 2004 à 15:30
salut,

ben en fait je sais pas exactement, il a pas confiance dans le php,
ici les développement web se font en WebObjects.
( http://searchcgi.apple.com/cgi-bin/sp/nph-searchpre1.pl )

Héléna
0

Discussions similaires

&nbsp ; Quelle Fonction ?
-Jeff- -
sl4ck -

14 réponses
Espace en HTML
baissaoui -
baissaoui -

0 réponse
la balise <br> ou <br />
faamugol -
rwaness -

8 réponses
Image cliquable dans html
pau -
efS -

5 réponses
<br> ou <br /> ou </br>
corentin.93 -
jessy006 -

11 réponses