rss
HtmlPlus
Rechercher : dans
Par : Pertinence Date Nom d'utilisateur
Statut : Non résolu

HTML: inetgrer un bout de page

Hel, le mardi 3 août 2004 à 11:01:39
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
Répondre à Hel  Signaler ce message aux modérateurs Aller au dernier message

1


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
Canard007, le mardi 3 août 2004 à 11:06:42
avec du javascript ca doit etre possible mais sinon il est impossible de faire du "dynamique" avec du simple html

COIN!
   
Répondre à Canard007

2


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
Hel, le mardi 3 août 2004 à 11:12:36
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
   
Répondre à Hel

3


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
Canard007, le mardi 3 août 2004 à 11:20:25
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!
   
Répondre à Canard007

4


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
muppet, le mardi 3 août 2004 à 12:09:42
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 ;-)
   
Répondre à muppet

5


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
Canard007, le mardi 3 août 2004 à 12:25:48
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!
   
Répondre à Canard007

6


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
muppet, le mardi 3 août 2004 à 12:54: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
   
Répondre à muppet

7


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
jisisv, le mardi 3 août 2004 à 13:02:07
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)
   
Répondre à jisisv

8


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
Florent, le mardi 3 août 2004 à 14:24:48
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 !!
   
Répondre à Florent

9


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
nanar, le mardi 3 août 2004 à 14:36:20
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
   
Répondre à nanar

10


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
Hel, le mardi 3 août 2004 à 17:43:10
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
   
Répondre à Hel

11


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
Canard007, le mardi 3 août 2004 à 17:49:10
de rien tous le plaisir et pour nous.
Bon courage

COIN!
   
Répondre à Canard007

12


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
HackTrack, le mercredi 4 août 2004 à 09:33:52
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>



;-)
   
Répondre à HackTrack

13


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
grofwa, le mercredi 4 août 2004 à 12:26:48
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]
   
Répondre à grofwa

14


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
 Hel, le mercredi 4 août 2004 à 15:30:24
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
   
Répondre à Hel
Posez votre question Répondre
Logiciels pertinents trouvés dans les téléchargements
Télécharger Matizha Sublime 3.2Matizha Sublime - Matizha Sublime 3 est un outil de choix pour tout webmaster sérieux à propos de la création de pages web. D’abord un...Catégorie: Editeurs HTML
Licence: Freeware/gratuit
Télécharger Web Developer Toolbar 1.1.6Web Developer Toolbar - WebDeveloper est une extension firefox représentant une formidable boîte à outils pour examiner et manipuler les pages...Catégorie: Extensions Firefox
Licence: Freeware/gratuit
Télécharger HTMLDOC 1.8.24HTMLDOC - HTMLDOC est un outil permettant de convertir une page HTML (Hyper-Text Markup Language) vers un fichier HTML indexé, vers...Catégorie: PDF
Licence: Freeware/gratuit
Télécharger PagePlus SEPagePlus - PagePlus SE est un logiciel gratuit de PAO (publication assistée par ordinateur) permettant de concevoir et de créer des...Catégorie: Présentation
Licence: Freeware/gratuit
Plus de logiciels gratuits sur « HTML: inetgrer un bout de page »