0

Joomla で div を表示および非表示にしようとしていますが、機能しません

これは、非表示にしようとしている div です

<div id="muestra" style="display:none;">
   <? php JToolBarHelper::editListX(); ?>
</div>

私はjavascript関数を呼び出しています

echo $pane->startPanel('<span onclick="mostrar(muestra);">Proveedores</span>','id_panel') ;

私のJavaScriptは

function mostrar(id){
if (document.getElementById){ 
var el = document.getElementById(id); 
alert(el);
el.style.display = (el.style.display == 'none') ? 'block' : 'none'; 
}
}
window.onload = function(){
mostrar('muestra');
}
</script>

1 回目は el=Object ですが、2 回目は null であり、値を取りません。

何か案は？

4

2 に答える 2

0

これを試してみてください

HTML: 

<div id="muestra" style="display:none;">
   <?php JToolBarHelper::editListX(); ?>
</div>

PHP:

echo $pane->startPanel('<span onclick="mostrar();">Proveedores</span>','id_panel') ;

Javascript:

<script type="text/javascript">
function mostrar(){
    if (document.getElementById('muestra').style.display == 'none') {
       document.getElementById('muestra').style.display = 'block';
    }
    else {
       document.getElementById('muestra').style.display = 'none';
    }
}
</script>
于 2012-08-21T17:23:55.050 に答える
0

ムエストラをアポストロフィで囲んでみてください:

echo $pane->startPanel('<span onclick="mostrar(\'muestra\');">Proveedores</span>','id_panel');
于 2012-08-22T11:56:37.993 に答える