Ver Mensaje Individual
  #6 (permalink)  
Antiguo 15/02/2006, 07:41
Avatar de rodri
rodri
 
Fecha de Ingreso: febrero-2005
Mensajes: 406
Antigüedad: 19 años, 1 mes
Puntos: 2
Esta es la continuación.
Código:
    
function slideLeftPanel(slideSpeed){
        slideInProgress =true;
        var scrollValue = 0;
        if(panelPosition==1)
            var leftPos = 
slideLeftPanelObj.style.top.replace(/[^0-9\-]/g,'')/1;
        else
            var leftPos = 
slideLeftPanelObj.style.left.replace(/[^0-9\-]/g,'')/1;
           
        leftPos+=slideSpeed;
        okToSlide = true;
        if(slideSpeed<0){
            if(leftPos < ((panelWidth*-1) + startScrollPos)){
                leftPos = (panelWidth*-1) + startScrollPos;   
                okToSlide=false;
            }
        }
        if(slideSpeed>0){
            if(leftPos > (0 + startScrollPos)){
                leftPos = 0 + startScrollPos;
                okToSlide = false;
            }           
        }
       
       
        if(panelPosition==0){
            slideLeftPanelObj.style.left = leftPos + startScrollPos + 
'px';
            if(pushMainContentOnSlide)document.body.style.marginLeft = 
leftPos - startScrollPos + panelWidth + 'px';
        }else{
            slideLeftPanelObj.style.top = leftPos + 'px';
            if(pushMainContentOnSlide)document.body.style.marginTop = 
leftPos - startScrollPos + panelWidth + 'px';           
           
        }
        if(okToSlide)setTimeout('slideLeftPanel(' + slideSpeed + 
')',slideTimer); else {
            slideInProgress = false;
            if(slideSpeed>0)panelVisible=true; else panelVisible = 
false;
        }
       
    }


    function repositionHelpDiv()
    {
        if(panelPosition==0){
            var maxValue = 
Math.max(document.body.scrollTop,document.documentElement.scrollTop);
            slideLeftPanelObj.style.top = maxValue;
        }else{
            var maxValue = 
Math.max(document.body.scrollLeft,document.documentElement.scrollLeft);
            slideLeftPanelObj.style.left = maxValue;   
            var maxTop = 
Math.max(document.body.scrollTop,document.documentElement.scrollTop);
            if(!slideInProgress)slideLeftPanelObj.style.top = (maxTop - 
(panelVisible?0:panelWidth)) + 'px';        
        }
    }
   
    function cancelEvent()
    {
        return false;
    }
    function keyboardShowLeftPanel()
    {
            initSlideLeftPanel();
            return false;   
   
    }
   
    function leftPanelKeyboardEvent(e)
    {
        if(document.all)return;   
       
        if(e.keyCode==63236){
            initSlideLeftPanel();
            return false;
        }
        if(navigator.userAgent.indexOf('Safari')>=0)return;
        if(e.keyCode==112){
            initSlideLeftPanel();
            return false;
        }       
    }
   
    function setLeftPanelContent(text)
    {
        document.getElementById('leftPanelContent').innerHTML = text;
        initSlideLeftPanel(true);
       
    }
    if(!document.all)document.documentElement.onkeypress = 
leftPanelKeyboardEvent;
    document.documentElement.onhelp  = keyboardShowLeftPanel;

    </script>
</head>


<body>
<!-- Code for the left panel -->
<div id="dhtmlgoodies_leftPanel">
    <iframe 
style="width:100%;height:150px;top:0px;left:0px;z-index:1;position:absolute;background-color:#FFFFFF" 
frameborder="0"></iframe>
    <div id="dhtmlgoodies_leftPanel_inner">
    <a class="closeLink" href="#" onclick="initSlideLeftPanel();return 
false">Close</a>
    <div id="leftPanelContent">
    <!-- This is the content -->
    <div>
        <p>This is how you do this:</p>
        <ul>
            <li>Click on key A</li>
            <li>Open the bla bla window</li>
            <li>Enter your name in the first text box</li>
            <li>Save your changes</li>
        </ul>
    </div>
    <!-- End content -->
    </div>
    </div>
   
</div>
<!-- End code for the left panel -->
<div id="mainContent">
    <select><option>test</option></select>
   
    <img src="/images/heading3_cropped.gif">
    <h2><a href="#" onclick="initSlideLeftPanel();return false">Show 
help panel(F1)</a></h2>
    <p>    Splendida porro oculi fugitant vitantque tueri. sol etiam 
caecat, contra si tendere pergas,propterea quia vis magnast ipsius et 
alteaëra per purum simulacra ferunturet feriunt oculos turbantia 
composituras. Praeterea splendor qui cumque est acer adurit saepe 
oculos 
ideo quod semina possidet ignismulta, dolorem oculis quae gignunt 
insinuando.lurida praeterea fiunt quae cumque tuenturarquati, quia 
luroris de corpore eorumsemina multa fluunt simulacris obvia rerum, 
multaque sunt oculis in eorum denique mixta,quae contage sua palloribus 
omnia pingunt. </p>
        <p><div 
style="float:right;padding:5px;padding-right:0px;width:200px;border:1px 
dotted #317082;background-color:#E2EBED">
        Click on the "Show help panel" link or press the F1 key</div>
        E tenebris autem quae sunt in luce tuemurpropterea quia, cum 
propior caliginis aërater init oculos prior et possedit apertos, 
insequitur candens confestim lucidus aër,qui quasi purgat eos ac nigras 
discutit umbrasaëris illius; nam multis partibus hic estmobilior 
multisque minutior et mage pollens.qui simul atque vias oculorum luce 
replevit atque pate fecit, quas ante obsederat aër<ater>, continuo 
rerum 
simulacra secuntur, quae sita sunt in luce, lacessuntque ut videamus. 
quod contra facere in tenebris e luce nequimuspropterea quia posterior 
caliginis aër crassior insequitur, qui cuncta foramina 
completobsiditque 
vias oculorum, ne simulacrapossint ullarum rerum coniecta moveri. 
Quadratasque procul turris cum cernimus urbis,propterea fit uti 
videantur saepe rutundae, angulus optusus quia longe cernitur omnissive 
etiam potius non cernitur ac perit eiusplaga nec ad nostras acies 
perlabitur ictus,aëra per multum quia dum simulacra feruntur,cogit 
hebescere eum crebris offensibus aër. hoc ubi suffugit sensum simul 
angulus omnis.fit quasi ut ad turnum saxorum structa tuantur;non tamen 
ut coram quae sunt vereque rutunda,sed quasi adumbratim paulum simulata 
videntur. </p>
        <p>Umbra videtur item nobis in sole moveri et vestigia nostra 
sequi gestumque. </P>    <p><div 
style="float:right;padding:5px;padding-right:0px;width:200px;border:1px 
dotted #317082;background-color:#E2EBED">
        Click on the Show help panel or the F1 key to try this</div>
        E tenebris autem quae sunt in luce tuemurpropterea quia, cum 
propior caliginis aërater init oculos prior et possedit apertos, 
insequitur candens confestim lucidus aër,qui quasi purgat eos ac nigras 
discutit umbrasaëris illius; nam multis partibus hic estmobilior 
multisque minutior et mage pollens.qui simul atque vias oculorum luce 
replevit atque pate fecit, quas ante obsederat aër<ater>, continuo 
rerum 
simulacra secuntur, quae sita sunt in luce, lacessuntque ut videamus. 
quod contra facere in tenebris e luce nequimuspropterea quia posterior 
caliginis aër crassior insequitur, qui cuncta foramina 
completobsiditque 
vias oculorum, ne simulacrapossint ullarum rerum coniecta moveri. 
Quadratasque procul turris cum cernimus urbis,propterea fit uti 
videantur saepe rutundae, angulus optusus quia longe cernitur omnissive 
etiam potius non cernitur ac perit eiusplaga nec ad nostras acies 
perlabitur ictus,aëra per multum quia dum simulacra feruntur,cogit 
hebescere eum crebris offensibus aër. hoc ubi suffugit sensum simul 
angulus omnis.fit quasi ut ad turnum saxorum structa tuantur;non tamen 
ut coram quae sunt vereque rutunda,sed quasi adumbratim paulum simulata 
videntur. </p>
        <p>Umbra videtur item nobis in sole moveri et vestigia nostra 
sequi gestumque. </P>
        <p><a href="#" onclick="setLeftPanelContent('THis is the <b>new 
content</b>');return false">Dynamic change content</a>
   
</div>

</body>
</html>
Muchas gracias por los aportes

saludos
__________________
0.o Rodri