Divers javascript

Exemples de javascript


<script type="text/javascript">
/* Le style CSS */
document.write ('<style>.ss-menu { display: none; } .ss-menu-open { display: block; }</style>');
if (!document.getElementById) document.write ('<style>.ss-menu { display: block; }</style>');

/* active ou cache l ID donne */
function activerMenu(source, menuNom) {
/* Liste des DIV a traiter */
var myMenu=["Consultation","Resultats"];
var i=0;
var longueur=myMenu.length;

        if (document.getElementById) {
                var menu = document.getElementById(menuNom);

                if (menu.className == 'ss-menu') {
                  menu.className = 'ss-menu-open';
                  
                  for ( i=0;i<longueur;i++ ) {
                     if ( myMenu[i] != menuNom ) {
                        document.getElementById(myMenu[i]).className = 'ss-menu';
                     }
                   }
                }
        }
}


</script>

<!--  Dans le content -->

<div id="menu" >
<ul id="onglets">
<li><a href="#" onClick="activerMenu(this, 'Consultation'); return false;" >Consultation</a>
<li><a href="#" onClick="activerMenu(this, 'Resultats'); return false;" >Resultats</a>
</ul>
</div>

...

<div id="Consultation" class="ss-menu" >
<pre>
  Ici le menu pour la DIV Consultation
</pre>
</div>

<div id="Resultats" class="ss-menu" >
<pre>
  Ici le menu pour la DIV Resultats
</pre>
</div>
  • Un autre active cache div

<script>
function visibilite(thingId)
{
var targetElement;
targetElement = document.getElementById(thingId) ;
if (targetElement.style.display == "none")
{
targetElement.style.display = "" ;
} else {
targetElement.style.display = "none" ;
}
}
</script>

<style type="text/css" >
.fixe { position: absolute; top: 8%; left: 10%; }
</style>

<ul>
<li><a href="" onmouseover="javascript:visibilite('divid');visibilite('divid2');visibilite('divid3');visibilite('divid4');visibilite('divid5');
               visibilite('divid6');visibilite('divid7');visibilite('divid8');visibilite('divid9');visibilite('divid10');
               visibilite('divid11');visibilite('divid12'); return false;">Par jour </a>
<li><a href="" onclick="javascript:visibilite('reflexions'); return false;"> Premier Jet Reflexions sur <i>Gestion Flux</i> </a>
<li><a href="" onmouseover="javascript:visibilite('divid1');visibilite('reflexions'); return false;">Reset </a>
</ul>

<div class=fixe >
<textarea id="reflexions" wrap="off" style="display:none;
        background-color:black;
        color:white;
        font-family: 'Comic Sans MS',Verdana,Geneva,Arial,Helvetica,sans-serif;
        width:450%;
        height:650px;
        font-size:10pt;
        overflow: auto;
//cursor: help;
//cursor: all-scroll;
//cursor: cell;
cursor: pointer;

" >

    Ce qui manque vraiment
      Un tronc commun réfléchi, élaboré avec les différents partenaires,
       afin d'y définir les démarches à suivre,
         pour (arriver à) la réalisation, la mise en place et le suivi, d'un échange de flux.

    Artillerie très lourde dès la réception d'un flux éligible EAI et jusqu'a sa prise en compte par SGFN
    réception CFT, parallélisme traitements éligibilité EAI et inscription dans SGFN,
    avec tous les contrôles de guidage pour amener ce fichier vers son but
    Et le suivi de cet acheminement est à la charge du service PROD

    Enorme vide sur le statut du parcours entre réception flux et son inscription dans SGFN
    ( Souvent remonté par la
</textarea>
</div>
  • Controler les zones à saisir avant envoi d'un form

<script type="text/javascript" >

// Control zones
function validateComplete(formObj) {

//var bouton=document.forms["Myform"].elements["Action"][0];
//var enrlig=bouton.value;
//alert(document.forms["Myform"].elements["Action"][0].value);

    if (emptyField(formObj.Demandeur))
         alert("Zone Demandeur obligatoire");
    else if (emptyField(formObj.DEMANDE))
         alert("Zone Demande obligatoire");
    else if (emptyField(formObj.Emetteur))
         alert("Zone Emetteur obligatoire");
    else if (emptyField(formObj.Recepteur))
         alert("Zone Recepteur obligatoire");
    else if (emptyField(formObj.IDF))
         alert("Zone IDF obligatoire");
    else if (emptyField(formObj.Longueur))
         alert("Zone Longueur obligatoire");
    else if (testNum(formObj.Longueur))
         alert("Zone Longueur doit etre numerique ");
    else if (emptyField(formObj.Format))
         alert("Zone Format obligatoire");
    else if (emptyField(formObj.Libelle))
         alert("Zone Libelle obligatoire");
    else return true;
    return false;
}

// Check to see if field is empty
function emptyField(textObj)
{
    if (textObj.value.length == 0) return true;
    for (var i=0; i<textObj.value.length; ++i) {
         var ch = textObj.value.charAt(i);
         if (ch != ' ' && ch != '\t') return false;
    }
    return true;
}

// Check to see if field is numeric
function testNum(textObj)
{
    if (isNaN(textObj.value)) return true;
    return false;
}

</script>

<FORM NAME="Myform" ACTION="./index.php" METHOD="${REQUEST_METHOD}" accept-charset="utf-8" >

       <INPUT type="hidden" value="${id}" name="id">
       <INPUT type="hidden" value="${Menu}" name="Ecran">

  <TABLE ALIGN=CENTER BORDER="0" >
  
    <tr>
        <td><th><font color="${colorDemandeur}">Demandeur</font></th></td>
    <td> 
       <INPUT TYPE="text" value="$Demandeur" NAME="Demandeur" size=50 > votre @mail
    </td>
    </tr>

    <tr>
        <td><th><font color="${colorDEMANDE}">Demande</font></th></td>
    <td> 
       <select name="DEMANDE" >
       <option> </option>
        $( cat ${ficdemande} )
       </select>
    </td>
    </tr>
...
    <tr> 
        <td><th><font color="${colorEmetteur}">Emetteur</font></th></td>
    <td>
       <select name="Emetteur" >
       <option> </option>
    $( sed "s/<option >${Emetteur}/<option ${selEmetteur} >${Emetteur}/" ${ficemetdesti} )
       </select>
    </td>
    </tr>

       <INPUT TYPE="submit" VALUE="Enregistrer_Lig" name="Action" onclick="return validateComplete(Myform);" >

       <INPUT type="submit" value="Annuler_Lig" name="Action" >"
       <INPUT TYPE="submit" value="Envoyer_Dde" name="Action" >"
       <INPUT type="submit" value="Annuler_Dde" name="Action" >
       <INPUT type="hidden" value="${prevppid}" name="prevppid"> 
       <INPUT type="hidden" value="${Auteur}" name="Auteur">
       <INPUT type="hidden" value="${id}" name="id">
       <BR>
</form>
  • modifier contenu d'un div

<script type="text/JavaScript">
function ModifMail(Part) {

var Table=document.getElementById("TabPart");
//alert(Table.innerHTML);

var td=Table.getElementsByTagName("td");
var input=Table.getElementsByTagName("input");
var date = new Date();
var month=new Array();
month[0]="Janvier";
month[1]="Fevrier";
month[2]="Mars";
month[3]="Avril";
month[4]="Mai";
month[5]="Juin";
month[6]="Jullet";
month[7]="Aout";
month[8]="Septembre";
month[9]="Octobre";
month[10]="Novembre";
month[11]="Decembre";
var mois=month[date.getMonth()];
var date = mois+" "+date.getFullYear();
alert(date);

//alert(td.length+" "+input.length);
//alert(Table.childNodes[1].innerHTML);
j=0
 for (var i=0;i<td.length;i++)
    {
//   alert(Part+" "+td[i].innerHTML);

  var linput=td[i].getElementsByTagName("input");
  if ( linput.length > 0 )
      {
       // alert(td.length+" "+input.length+" "+input[j].value);
       if ( Part == input[j].value )
         {
           libelle=td[i+1].innerHTML;
           compte=td[i+2].innerHTML;

           alert("OK on modifie avec valeurs "+" "+Part+" "+libelle+" "+compte);
         document.getElementById('MailSend').innerHTML = document.getElementById('MailSend').innerHTML.replace(/Arg1/g, libelle );
         document.getElementById('MailSend').innerHTML = document.getElementById('MailSend').innerHTML.replace(/Arg2/g, date );
         document.getElementById('MailSend').innerHTML = document.getElementById('MailSend').innerHTML.replace(/Arg3/g, compte );
         }
       j++;
      }
    }

}
</script>


<table border=1 id=TabPart >
<tr><th> Partenaire CFT </th><th>Organisme</th><th>N° de compte</th></tr>
<tr><td><input type="button" name="SOCIE93P" value="SOCIE93P" title="Clicker pour regenerer modele mail ce dessous" onclick="ModifMail(this.value)" ></td><td>Societe</td><td> </td></tr>
<tr><td><input type="button" name="SOCIE93Q" value="SOCIE93Q" title="Clicker pour regenerer modele mail ce dessous" onclick="ModifMail(this.value)" > </td><td>LASER </td><td> </td></tr>
<tr><td><input type="button" name="SOCIE93R" value="SOCIE93R" title="Clicker pour regenerer modele mail ce dessous" onclick="ModifMail(this.value)" ></td><td>Fn MArch</td><td> </td></tr>
<tr><td><input type="button" name="SOCIE93S" value="SOCIE93S" title="Clicker pour regenerer modele mail ce dessous" onclick="ModifMail(this.value)" ></td><td>Présence</td><td>00000000001</td></tr>
<tr><td><input type="button" name="SOCIE93T" value="SOCIE93T" title="Clicker pour regenerer modele mail ce dessous" onclick="ModifMail(this.value)" ></td><td>SOLIDEL</td><td> </td></tr>
<tr><td><input type="button" name="SOCIE75F" value="SOCIE75F" title="Clicker pour regenerer modele mail ce dessous" onclick="ModifMail(this.value)" ></td><td>Services</td><td>00000000003</td></tr>            </table>
<br>
<div id=MailSend >
Arg1
Arg2
Arg3
</div>

Previous page: Diverses propriétées CSS
Page suivante : Html css