Boîte de News : j'suis paumé, donnez- moi des idées !!!

Boîte de News : j'suis paumé, donnez- moi des idées !!! - HTML/CSS - Programmation

Marsh Posté le 07-10-2002 à 10:50:43    

Bonjour à tous,
 
Voilà j'ai un site d'actu sur les catastrophes naturelles où sur ma page d'accueil j'ai les en-tête des articles mis en ligne quotidiennement. Plusieurs autres webmaster seraient intéressés pour avoir ces mêmes en-tête sur le site qui reverraient vers les articles développés sur mon site (un peu le système de Net2one). Là-dessus je me dis que ça doit pas être bien dur.
 
Je créé une page avec juste mes en-têtes et les gens n'auront qu'à l'insérer sur leur site. En théorie c'est séduisant mais j'ai testé sur mon site et ça ne marche pas. En effet, lorsque j'insère mon document html (la page avec les en-tête) celle-ci affiche bien le contenu mais ne le met pas à jour lorsque la page d'en-tête change  !!! (je pige pas).
 
J'ai essyé avec des javascript (en ressources gratuites) et ça me fait le même coup !!!
 
Comment puis-je faire simplement pour parvenir à faire cette petite manip sachant que je ne sais pas écrire de javascript et que je dispose de Namo webeditor.
 
 
Merci d'avance [:yorik]


---------------
Les catastrophes naturelles au quotidien c'est sur: http://www.catnat.net
Reply

Marsh Posté le 07-10-2002 à 10:50:43   

Reply

Marsh Posté le 07-10-2002 à 11:09:31    

Tu peux filer ton code, stp : comment fais-tu ton insertion de document HTML ? Quel est le code JS que tu utilises ?

Reply

Marsh Posté le 07-10-2002 à 11:24:42    

_Mac_ a écrit a écrit :

Tu peux filer ton code, stp : comment fais-tu ton insertion de document HTML ? Quel est le code JS que tu utilises ?




 
Pour l'isertion de doc HTML Namo dispose de cette fonction dans le menu insertion >>> autre... >>> document HTML. Mais en fait ce con à juste l'air de se contenter de copier la page insérée ce qui expliquerai sa non mise à jour ! Comment pourrais-je faire pour lier vraiment ma page avec la page d'en-tête que je met à jour quotidienement ???
 
Voilà le JS:
<script language="javascript">
 
 
//ENTER CONTENT TO SCROLL BELOW.
var content='<p>Visit <a href="http://www.javascriptkit.com">JavaScript Kit</a> for JavaScript tutorials and over 400 <font color="#FF0000">free</font> scripts</p><p><a href="http://freewarejava.com">Freewarejava.com</a>- direct links to Java applets and resources</p><p>Stay up to date on current news and events. Visit <a href="http://www.msnbc.com">MSNBC.com</a></p><p><a href="http://www.dynamicdrive.com">Dynamic Drive</a> is your definitive source for DHTML scripts and components.</p>';
 
var boxheight=150;        // BACKGROUND BOX HEIGHT IN PIXELS.
var boxwidth=150;         // BACKGROUND BOX WIDTH IN PIXELS.
var boxcolor="#FFF6e9";   // BACKGROUND BOX COLOR.
var speed=50;             // SPEED OF SCROLL IN MILLISECONDS (1 SECOND=1000 MILLISECONDS)..
var pixelstep=2;          // PIXELS "STEPS" PER REPITITION.
var godown=false;         // TOP TO BOTTOM=TRUE , BOTTOM TO TOP=FALSE
 
// DO NOT EDIT BEYOND THIS POINT
 
var outer,inner,elementheight,ref,refX,refY;
var w3c=(document.getElementById)?true:false;
var ns4=(document.layers)?true:false;
var ie4=(document.all && !w3c)?true:false;
var ie5=(document.all && w3c)?true:false;
var ns6=(w3c && navigator.appName.indexOf("Netscape" )>=0)?true:false;
var txt='';
if(ns4){
txt+='<table cellpadding=0 cellspacing=0 border=0 height='+boxheight+' width='+boxwidth+'><tr><td>';
txt+='<ilayer name="ref" bgcolor="'+boxcolor+'" width='+boxwidth+' height='+boxheight+'></ilayer>';
txt+='</td></tr></table>'
txt+='<layer name="outer" bgcolor="'+boxcolor+'" visibility="hidden" width='+boxwidth+' height='+boxheight+'>';
txt+='<layer  name="inner"  width='+(boxwidth-4)+' height='+(boxheight-4)+' visibility="hidden" left="2" top="2" >'+content+'</layer>';
txt+='</layer>';
}else{
txt+='<div id="ref" style="position:relative; width:'+boxwidth+'; height:'+boxheight+'; background-color:'+boxcolor+';" ></div>';
txt+='<div id="outer" style="position:absolute; width:'+boxwidth+'; height:'+boxheight+'; visibility:hidden; background-color:'+boxcolor+'; overflow:hidden" >';
txt+='<div id="inner"  style="position:absolute; visibility:visible; left:2px; top:2px; width:'+(boxwidth-4)+'; overflow:hidden; cursor:default;">'+content+'</div>';
txt+='</div>';
}
document.write(txt);
 
function getElHeight(el){
if(ns4)return (el.document.height)? el.document.height : el.clip.bottom-el.clip.top;
else if(ie4||ie5)return (el.style.height)? el.style.height : el.clientHeight;
else return (el.style.height)? parseInt(el.style.height):parseInt(el.offsetHeight);
}
 
function getPageLeft(el){
var x;
if(ns4)return el.pageX;
if(ie4||w3c){
x = 0;
while(el.offsetParent!=null){
x+=el.offsetLeft;
el=el.offsetParent;
}
x+=el.offsetLeft;
return x;
}}
 
function getPageTop(el){
var y;
if(ns4)return el.pageY;
if(ie4||w3c){
y=0;
while(el.offsetParent!=null){
y+=el.offsetTop;
el=el.offsetParent;
}
y+=el.offsetTop;
return y;
}}
 
function scrollbox(){
if(ns4){
inner.top+=(godown)? pixelstep: -pixelstep;
if(godown){
if(inner.top>boxheight)inner.top=-elementheight;
}else{
if(inner.top<2-elementheight)inner.top=boxheight+2;
}}else{
inner.style.top=parseInt(inner.style.top)+((godown)? pixelstep: -pixelstep)+'px';
if(godown){
if(parseInt(inner.style.top)>boxheight)inner.style.top=-elementheight+'px';
}else{
if(parseInt(inner.style.top)<2-elementheight)inner.style.top=boxheight+2+'px';
}}}
 
window.onresize=function(){
if(ns4)setTimeout('history.go(0)', 400);
else{
outer.style.left=getPageLeft(ref)+'px';
outer.style.top=getPageTop(ref)+'px';
}}
 
window.onload=function(){
outer=(ns4)?document.layers['outer']:(ie4)?document.all['outer']:document.getElementById('outer';);
inner=(ns4)?outer.document.layers['inner']:(ie4)?document.all['inner']:document.getElementById('inner';);
ref=(ns4)?document.layers['ref']:(ie4)?document.all['ref']:document.getElementById('ref';);
elementheight=getElHeight(inner);
if(ns4){
outer.moveTo(getPageLeft(ref),getPageTop(ref));
outer.clip.width=boxwidth;
outer.clip.height=boxheight;
inner.top=(godown)? -elementheight : boxheight-2;
inner.clip.width=boxwidth-4;
inner.clip.height=elementheight;
outer.visibility="show";
inner.visibility="show";
}else{
outer.style.left=getPageLeft(ref)+'px';
outer.style.top=getPageTop(ref)+'px';
inner.style.top=((godown)? -elementheight : boxheight)+'px';
inner.style.clip='rect(0px, '+(boxwidth-4)+'px, '+(elementheight)+'px, 0px)';
outer.style.visibility="visible";
}
setInterval('scrollbox()',speed);
}
</script>


---------------
Les catastrophes naturelles au quotidien c'est sur: http://www.catnat.net
Reply

Marsh Posté le 07-10-2002 à 17:34:05    

:bounce:


---------------
Les catastrophes naturelles au quotidien c'est sur: http://www.catnat.net
Reply

Marsh Posté le 08-10-2002 à 10:07:21    

[:yorik]


---------------
Les catastrophes naturelles au quotidien c'est sur: http://www.catnat.net
Reply

Marsh Posté le 08-10-2002 à 14:15:46    

heu et en mettant une iframe pointant sur ta page dans la page de tes amis, ca ne seraient pas plus facile que ton javascript de la mort? :o)

Reply

Marsh Posté le 09-10-2002 à 11:45:35    

humm moi j'utilise un script php que tu trouveras sur www.myphpsoft.net et qui est sensé faire ce genre de service. je ne l'ai pas encore testé mais il parait que ca fonctionne très bien....
 
cependant ca t'oblige a refaire un peu ton site et a manier un peu le php. mais a mon avis c'est nettement plus puissant que le java pour ce genre de service...


Message édité par dionysos2001 le 09-10-2002 à 11:47:19
Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed