Catégorie javascript - posté le 17/06/09 21:08:42
var links=document.getElementsByTagName('link');
for (i=0;i<links.length;i++)
{
links[i].parentNode.removeChild(links[i]);
}
Ajouter un style:var link = document.createElement('link');
link.href='/style.css';
link.type='text/css';link.rel='stylesheet';
document.getElementsByTagName('head')[0].appendChild(link);
Suite au commentaire de kapouik, vous pouvez aussi visiter la page d'exemple.
Catégorie debian - posté le 05/06/09 10:31:12
Catégorie web - posté le 23/05/09 10:14:41

Catégorie luzlan - posté le 22/05/09 18:35:39
Catégorie Hendaye - posté le 15/03/09 15:30:06
Catégorie Blog - posté le 08/03/09 13:07:15
Catégorie Javascript - posté le 08/03/09 10:39:07
function creation_barre_chargement( lien)Un exemple d'appel est disponible sur cette page: barre de chargement pourcentage en javascript.
{
// Creation du fond grisé
var back= document.createElement('DIV');
back.style.position='absolute';
back.style.top='0px';
back.style.left='0px';
back.style.width='100%';
back.style.height='100%';
back.style.background='white';
back.style.opacity='0.8';
back.style.filter='alpha(opacity=80)';
// Creation de la barre de chargement
var div= document.createElement('DIV');
div.style.position='absolute';
div.id='barre_chargement';
div.style.width='40%';
div.style.marginLeft='30%';
div.style.marginTop='10%';
div.style.border="1px solid black";
div.style.background="#d0d0d0";
div.style.height='20px';
// Creation de l'avancement de la barre de chargement
var p= document.createElement('P');
p.style.margin='0px';
p.style.width='0px';
p.style.padding='0px';
p.style.borderLeft='1px solid #333';
p.style.height='100%';
p.style.background='green';
p.style.fontWeight='bold';
p.id='pourcentage_accompli';
p.style.textAlign='right';
// Texte de l'avancement de la barre de chargement
var txt= document.createTextNode('0%');
// Ajout des elements DOM
p.appendChild(txt);
div.appendChild(p);
back.appendChild(div);
document.body.appendChild(back);
// Gestion de la récuperation du fichier
myAjax=new Ajax.Request( lien.href, {
method: 'get',
onInteractive : function(response)
{
if(response.getHeader('Content-Length')!='')
{
var pourcentage=$('pourcentage_accompli').getWidth()/$('barre_chargement').getWidth()*100;
pourcentage+=1;
}
else
{
var pourcentage= myAjax.transport.responseText.length/response.getHeader('Content-Length')*100;
}
if(pourcentage>100)
{
pourcentage=0;
}
$('pourcentage_accompli').style.width=pourcentage+'%';
$('pourcentage_accompli').firstChild.nodeValue=pourcentage.toFixed(2)+'%';
},
onSuccess: function() {
document.location.href='#'+lien.href;
document.body.update(myAjax.transport.responseText);
}
});
}
Event.observe(window, 'load', function()
{
$$('.loading_item').each(
function(item)
{
item.onclick= function() { creation_barre_chargement(item); return false; }
}
);
});
$html="
blah blah blah
bah blah blah
bah blah blah
blah blah bla
blah blah bla
";
header("Content-Length:".strlen($html));
foreach(preg_split("/[\r\n]/",$html) as $v_text)
{
print "$v_text\n";
flush();
sleep(1);
}
4 commentaire(s) javascript ajax loading dhtml chargement pourcentage barre
Catégorie Blog - posté le 27/02/09 23:17:31
Catégorie Web - posté le 08/02/09 14:21:42
Catégorie Astuce - posté le 08/02/09 10:38:49
1 if(1==2=)
2 {
3 blahb lah
4 blahb lah
5 }
Avec Folding
1 if(1==2=)
2 {
3 +-- 2 líneas: blahb lah------------------------
5 }
Pour l'astuce donc: il faut activer le mode folding:
:set fdm=indentPuis pour ouvrir/fermes les blocks, alterne via les touches "zM" (tout fermer), et "zR" (tout ouvrir), "zo" ouvrir le block", "zc" fermer le block.