S'inscrire au signal RSS Se connecter pour voir ses MP Aller  l'index Aller au portail du forum Faire une recherche. FAQ S'inscrire au forum Connexion

:: Quelques astuces en html et dhtml ::

 
Poster un nouveau sujet   Répondre au sujet    Portail Des Etudiants Index du Forum -> Spécial ws-esc -> Aide et tutoriels
Sujet précédent :: Sujet suivant  
Auteur Message
Anonymous
Invité

Hors ligne




MessagePosté le: 28/12/2005 20:19:50    Sujet du message: Quelques astuces en html et dhtml Répondre en citant

Bonsoir

On vous propose quelques scripts en html et dhtml :


ArrowAfficher un commentaire au-dessus d'un lien texte:
Voici une petite astuce qui permet d'afficher un commentaire au-dessus d'un lien texte, de la même manière que sur une image.
Fonctionne sous Internet Explorer.

Code:
<a href="lien.html" title="Votre commentaire">


Arrow Message de bienvenue/alerte :
Ce script affiche une boite de texte animée en DHTML. Vous pouvez y placer le texte de votre choix.

Code:
<SCRIPT LANGUAGE=JavaScript>
 // PARAMETRES
 
 var ejs_al_mess = 'TEXTE';
 var ejs_al_background = '#CC0000'
 var ejs_al_bordure = '#000000'
 var ejs_al_police = 'Verdana'
 var ejs_al_police_taille = '11'
 var ejs_al_police_color = '#FFFFFF'
 var ejs_al_hauteur = 150
 var ejs_al_largeur = 500
 var ejs_al_box2 = 0;
 
 // CADRES
 ejs_al_classe = 'border-color:'+ejs_al_bordure+';border-style:solid;border-width:1px;background:'+ejs_al_background+';font-family:'+ejs_al_police+';font-size:'+ejs_al_police_taille+'px;color:'+ejs_al_police_color;
 if(document.getElementById)
     {
     document.write('<DIV ID=ejs_al_box1 STYLE="position:absolute;visibility:hidden;'+ejs_al_classe+';width:20;height:'+(ejs_al_hauteur+20)+';z-index:10"></DIV>');
     document.write('<DIV ID=ejs_al_box2 STYLE="position:absolute;visibility:hidden;'+ejs_al_classe+';width:'+ejs_al_box2+';height:'+ejs_al_hauteur+';z-index:5');
     if(document.all)
         document.write(';padding:10');
     document.write('"></DIV>');
     document.write('<DIV ID=ejs_al_box3 STYLE="position:absolute;visibility:hidden;'+ejs_al_classe+';width:20;height:'+(ejs_al_hauteur+20)+';z-index:10"></DIV>');
     // TAILLE DE L'ECRAN
     ejs_al_Y = document.body.clientHeight;
     ejs_al_X = document.body.clientWidth;
     ejs_al_posX = Math.round(ejs_al_X/2);
     ejs_al_posY = Math.round(ejs_al_Y/2)-Math.round(ejs_al_hauteur/2);
     }
 
 function ejs_al_deplace()
     {
     // PLACEMENT
     document.getElementById("ejs_al_box1").style.left = ejs_al_posX-20-(ejs_al_box2/2);
     document.getElementById("ejs_al_box3").style.left = ejs_al_posX+(ejs_al_box2/2);
     document.getElementById("ejs_al_box2").style.left = ejs_al_posX-(ejs_al_box2/2)-5;
     document.getElementById("ejs_al_box2").style.width = ejs_al_box2+10;
     ejs_al_box2 += 5;
     if(ejs_al_box2<ejs_al_largeur)
         setTimeout("ejs_al_deplace()",10);
     else
         {
         document.getElementById("ejs_al_box2").innerHTML = '<CENTER><br />'+ejs_al_mess+'<BR><BR><B><A HREF=javascript:ejs_al_close()><FONT COLOR='+ejs_al_police_color+'>OK</FONT></A></B></CENTER>'
         }
     }
 
 function ejs_al_start()
     {
     if(document.getElementById)
         {   
         document.getElementById("ejs_al_box1").style.visibility = 'visible'   
         document.getElementById("ejs_al_box2").style.visibility = 'visible'   
         document.getElementById("ejs_al_box3").style.visibility = 'visible'   
         document.getElementById("ejs_al_box1").style.top = ejs_al_posY-10
         document.getElementById("ejs_al_box2").style.top = ejs_al_posY
         document.getElementById("ejs_al_box3").style.top = ejs_al_posY-10
         ejs_al_deplace();
         }
     }   
 
 function ejs_al_close()
     {
     if(document.getElementById)
         {   
         document.getElementById("ejs_al_box1").style.visibility = 'hidden'   
         document.getElementById("ejs_al_box2").style.visibility = 'hidden'   
         document.getElementById("ejs_al_box3").style.visibility = 'hidden'   
         document.getElementById("ejs_al_box1").style.top = -600
         document.getElementById("ejs_al_box2").style.top = -600
         document.getElementById("ejs_al_box3").style.top = -600
         ejs_al_deplace();
         }
     }   
     
 window.onload = ejs_al_start;
 </SCRIPT>


PS : TEXTE : vous le remplacer avec le message que vous voulez.

Arrow Message clignotant dans la barre de statut :
Ce script permet de faire clignoter un message dans la barre de statut. Il est possible de régler la vitesse de clignotement.

Code:
/*
Insérer ce script entre les balises <Head> </Head>
*/

<script language="JavaScript">

<!--Javascript issu de Script Masters-->
<!-- http://www.script-masters.com/-->

var message="Script Masters";
var speed=400;
var visible;

function Flash() {
   if (visible == 0) {
      window.status=message;
      visible=1;
      }
   else {
      window.status="";
      visible=0;
      }

setTimeout('Flash()', speed);
}

window.onload = Flash;
</SCRIPT>


Ce script est a inserer entre les balises <Head> </Head>.

Arrow Message défilant dans la barre de statut :
Un message défilant de droite à gauche apparaît dans la barre de statut de votre navigateur.


Code:
/*
Insérer ce script entre les balises <HEAD> </HEAD>
*/

<script language="JavaScript">

<!--Javascript fourni par-->
<!-- [Script Masters.com]-->
<!-- http://www.script-masters.com/ --> 

var msgBan='--- EXEMPLE ---';


var posBan=0, ban, delaiBan, msgBan;

function banniere(delai) {
  delaiBan = delai;
  if (posBan >= msgBan.length)
    posBan = 0;
  else if (posBan == 0) {
    msgBan = '        ' + msgBan;
    while (msgBan.length < 128)
      msgBan += '        ' + msgBan;
  }
  window.status = msgBan.substring(posBan,posBan+msgBan.length);
  posBan++;
  ban = setTimeout("banniere(delaiBan)",delai);
}

</script>

Insérer ce script entre les balises <HEAD> </HEAD>


A bientot.


Revenir en haut
Publicité






MessagePosté le: 28/12/2005 20:19:50    Sujet du message: Publicité

PublicitéSupprimer les publicités ?
Revenir en haut
inconnu
Modérateurs
Modérateurs

Hors ligne

Inscrit le: 30 Oct 2005
Messages: 2 434
Vous êtes: Etudiant(e)
Section: CIN
Point(s): 1 078
Moyenne de points: 0,44
Homme Poisson (20 Fev - 20 Mars) Buffle

MessagePosté le: 02/01/2006 01:05:29    Sujet du message: Quelques astuces en html et dhtml Répondre en citant

Pas mal mais il faut les métrisés
====================
http://ws-esc.xooit.com


Revenir en haut
Visiter le site web du posteur
Contenu Sponsorisé






MessagePosté le: 10/12/2016 17:40:32    Sujet du message: Quelques astuces en html et dhtml

Revenir en haut
Montrer les messages depuis:   
Poster un nouveau sujet   Répondre au sujet    Portail Des Etudiants Index du Forum -> Spécial ws-esc -> Aide et tutoriels Toutes les heures sont au format GMT + 1 Heure
Page 1 sur 1

 
Sauter vers:  

Portail | Index | Panneau d’administration | Créer un forum | Forum gratuit d’entraide | Annuaire des forums gratuits | Signaler une violation | Conditions générales d'utilisation
Flowers of Evil © original theme by larme d'ange 2006 | complètement modifié par Carbanion pour le Forum WS-ESC - 2008-09©
Powered by phpBB © 2001, 2005 phpBB Group
Traduction par : phpBB-fr.com