Home > Uncategorized > javascript scripts utili

javascript scripts utili

Avviare una fuzione trascorsi un certo numero di millesecondi :

<script type="text/javascript" language="javascript">
      setTimeout('AdjustColumnsHeight()', 1000);
 </script>

Visualizzare un messaggio di alert

<script type="text/javascript" language="javascript">
      alert('javascript Alert!');
 </script>

Avviare una funzione al caricamento della pagina

<script type="text/javascript" language="javascript">
    window.onload = _showalltabs('none');
    //  oppure
    dd = _showalltabs('none');
 </script>

Eseguire un scroll  orizzontale  e veticale

<script type="text/javascript" language="javascript"> 
   function _scroll(hor,vert) { 
        window.scroll(hor, vert); // horizontal and vertical scroll targets
    } 
</script>

Nascondere e visualizzare due links con rispettivamente ID = “Previousyears” e ID=”hidePreviousyears”

<script type="text/javascript" language="javascript"> 
function _switchadisplay ( _display )   

if (_display == 'inline') {
     Previousyears.style.display = "none";  
     hidePreviousyears.style.display= "inline";
  }
  else if (_display == 'none') { 
    Previousyears.style.display = "inline";
    hidePreviousyears.style.display= "none"; 
 } 
} 
</script>

 window.onload =  function() { AdjustColumnsHeight();  include("http://www.xyzxyzxyz.com/scripts"); }

Ridimensionare una pagina alle dimensioni del contenuto dopo magari un postback asincrono

<script type="text/javascript" language="javascript">   
function setBodyHeightToContentHeight() { 
    document.body.style.height = Math.max(document.documentElement.scrollHeight, document.body.scrollHeight) + "px"; 
  }   
 setBodyHeightToContentHeight(); 
 $addHandler(window, "resize", setBodyHeightToContentHeight);
</script>

Ridimesionare la pagina a seguito dell’utilizzo di TabContainer con TabPanel di altezza molto variabile.

Due ridimesionamenti di seguito  uno immediato funzione  che aumenta l’altezza  a 1000 pixel quindi caricato il tab  un ridimensionamento più accurato basato sulla posizione di un controllo “market”  a fondo colonna.

La funzione RunOnClientTabChanged  imposta l’altezza temporanea della colonna centrale ed effettua un primo ridimensionamento con ResizeColumn  quindi dopo un secondo chiama ResizeAfterRender per il secondo dimensionamento con la “speranza”  ( questo è il limite ) che il contenuto sia stato caricato  Quindi un nuovo ridimenionamento con   ResizeColumn.

function RunOnClientTabChanged() {
    //  creare un riferimento per la colonna centrale 
    var centerCol = window.document.getElementById('centercol');
    // portare a 1000 px l'altezza e ridimensionare 
    centerCol.style.height = '1000px'; 
    setTimeout('ResizeColumn()', 1);
    // seconda funzione che ridimensiona in maniera più accurata la pagina dopo 1000 millesecondi 
    setTimeout('ResizeAfterRender()', 1000);
    setTimeout('ResizeColumn()', 5);
}

.

function ResizeColumn() {
   // get a reference to the three DIVS that make up the columns
   var centerCol = window.document.getElementById('centercol');
   var leftCol = window.document.getElementById('centercol');
   var rightCol = window.document.getElementById('centercol');
   if (window.document.getElementById('leftcol') != null)
          { leftCol = window.document.getElementById('leftcol'); }
   if (window.document.getElementById('rightcol') != null) {
         rightCol = window.document.getElementById('rightcol');
          }
   // calculate the max height
   var hCenterCol = centerCol.offsetHeight;
   var hLeftCol = leftCol.offsetHeight;
   var hRightCol = rightCol.offsetHeight;
   var maxHeight = Math.max(hCenterCol, Math.max(hLeftCol, hRightCol));

   // alert("hL:" + hLeftCol + " hC:" + hCenterCol + " hR:" + hRightCol); 
   // set the height of all 3 DIVS to the max height
   centerCol.style.height = maxHeight + 10 + 'px';
   leftCol.style.height = maxHeight - 10 + 'px';
   // rightCol.style.height = maxHeight + 5 + 'px';
  }

.

function ResizeAfterRender() {
   // get a reference to the three DIVS that make up the columns
   var centerCol = window.document.getElementById('centercol');
   var leftCol = window.document.getElementById('centercol');
   var rightCol = window.document.getElementById('centercol');
   if (window.document.getElementById('leftcol') != null)
      { leftCol = window.document.getElementById('leftcol'); }
   if (window.document.getElementById('rightcol') != null) {
      rightCol = window.document.getElementById('rightcol');
     }
   var _mrkbottomcol = window.document.getElementById('ctl00_MainContent_ctl01_mrkbottomcol');
     if (window.document.getElementById('ctl00_MainContent_ctl01_n_ethsubpos') != null) {
       _mrkbottomcol = window.document.getElementById('ctl00_MainContent_ctl01_mrkbottomcol'); ;
     }
   centerCol.style.height = _n_ethsubpos.offsetTop + 'px';
     // alert(_centerColHp + '-p ' + centerCol.style.height + " " + leftCol.style.height + " " + _mrkbottomcol.offsetTop);
   setTimeout('ResizeColumn()', 1000); 
}

Ridimensionamento di una pagina suddivisa in tre colonne utilizzando un campo markatore su ciascuna colonna: mHcenterCol, mHleftCol,mHrightCol  ;


function ResizeColumn_mH1() {
// ottiene il riferimento alle tre possibili colonne DIVS 
 var centerCol = window.document.getElementById('centercol');
 var leftCol = centerCol;
 var rightCol = centerCol;
if (window.document.getElementById('leftcol') != null)
 { leftCol = window.document.getElementById('leftcol'); }
if (window.document.getElementById('rightcol') != null) {
 rightCol = window.document.getElementById('rightcol');
 }
 // imposta e controlla esistenza marker altezza mHcentercol
 var mHcenterCol = window.document.getElementById('centercol');
 var mHleftCol = mHcenterCol;
 var mHrightCol = mHcenterCol;
if (window.document.getElementById('mHcentercol') != null)
 { mHcenterCol = window.document.getElementById('mHcentercol'); }
if (window.document.getElementById('mHleftcol') != null)
 { mHleftCol = window.document.getElementById('mHleftcol'); }
if (window.document.getElementById('mHrightcol') != null) {
 mHrightCol = window.document.getElementById('mHrightcol');
 }
// calcola la posizone del markatore per determinare l'alterzza massima della colonna
 var hCenterCol = mHcenterCol.offsetTop;
 var hLeftCol = mHleftCol.offsetTop;
 var hRightCol = mHrightCol.offsetTop;
 var maxHeight = Math.max(hCenterCol, Math.max(hLeftCol, hRightCol));
 // alert('c: ' + hCenterCol);
// set the height of all 3 DIVS to the max height
 centerCol.style.height = maxHeight + 10 + 'px';
 leftCol.style.height = maxHeight - 10 + 'px';
 alert("hL:" + hLeftCol + " hC:" + hCenterCol + " hR:" + hRightCol); 
}

AjaxToolkit:TabContainer   javascript funzioni

Funzione per il ridimensionamento lato client di un TabContainer

function ResizeUp() {
   //  ottieni il riferimento al tabContainer 
   var TabC = document.getElementById("<%=TabContainer1.ClientID%>");
   //  ottieni il riferimento "TabIndex" del tab  cliccato  
   var TabI = parseInt($find("<%=TabContainer1.ClientID%>").get_activeTabIndex(), 10);
   //  impostare una specifica altezza in base al tab panel 
    tc.childNodes[1].style.height = tc.childNodes[1].childNodes[tabIndex].clientHeight;
}

Nasconde o visualizza alcuni tab del TabContainer1 modificando la proprietà Tab.style.display  in none oppure inline via  parametro   _display

function _showalltabs(_display) {
     var Tab; var TabPanelName; var i = 4;
     TabPanelName = 'ctl00_MainContent_ctl01_TabContainer1_tabPanel' + (i + 1) + '_tab';
     // alert(TabPanelName); 
     while (window.document.getElementById(TabPanelName) != null) {
          Tab = window.document.getElementById(TabPanelName);
          Tab.style.display = _display // "none"; 
          i++;
          TabPanelName = 'ctl00_MainContent_ctl01_TabContainer1_tabPanel' + (i + 1) + '_tab';
     }

}

UpdatePanel

Per eseguire codice javascript quando uno specifico updatepanel subisce un refresh/postback asicrono.

<script type="text/javascript" language="javascript">
 Sys.WebForms.PageRequestManager.getInstance().add_endRequest(EseguiDopoAsyncPostback);
 </script>

Risorse:

Annunci
  1. Non c'è ancora nessun commento.
  1. No trackbacks yet.

Rispondi

Inserisci i tuoi dati qui sotto o clicca su un'icona per effettuare l'accesso:

Logo WordPress.com

Stai commentando usando il tuo account WordPress.com. Chiudi sessione / Modifica )

Foto Twitter

Stai commentando usando il tuo account Twitter. Chiudi sessione / Modifica )

Foto di Facebook

Stai commentando usando il tuo account Facebook. Chiudi sessione / Modifica )

Google+ photo

Stai commentando usando il tuo account Google+. Chiudi sessione / Modifica )

Connessione a %s...

%d blogger hanno fatto clic su Mi Piace per questo: