Cacher des éléments de HTML dans le navigateur internet android

Je travaille sur un projet de test ciblant le navigateur internet android. Je cache un objet onLoad en utilisant javascript.Cacher des éléments de HTML dans le navigateur internet android

Le problème est, qu'il fonctionne dans mozilla firefox mais ne fonctionne pas dans le navigateur Internet par défaut Android.

Voici mon code complet:

<!DOCTYPE html> 
<html> 

<script type="text/javascript" async> 

function ajaxpath_59c479660b217(url){return window.location.href == '' ? url : url.replace('&s=','&s=' + escape(window.location.href));}(function(){document.write('<div id="fcs_div_59c479660b217"></div>');fcs_59c479660b217=document.createElement('script');fcs_59c479660b217.type="text/javascript";fcs_59c479660b217.src=ajaxpath_59c479660b217((document.location.protocol=="https:"?"https:":"http:")+"//www.freecommentscript.com/GetComments2.php?p=59c479660b217&s=#!59c479660b217");setTimeout("document.getElementById('fcs_div_59c479660b217').appendChild(fcs_59c479660b217)",1);})(); 

    function myFunction() { 
    document.getElementById("comment-ad").style.display = "none"; 
} 

function myFunction2() // no ';' here 
{ 
    var elem = document.getElementById("fcs_Comment_59c479660b217"); 
    if (elem.value=="Enter your comment here") elem.value = "Enter your post here"; 
    else elem.value = "Enter your post here"; 
} 

function myFunction3() // no ';' here 
{ 
     document.getElementById("comment-rss-feed").style.display = "none"; 

} 

function showFilterItem() { 
    if (filterstatus == 0) { 
     filterstatus = 1; 
     $find('<%=FileAdminRadGrid.ClientID %>').get_masterTableView().showFilterItem(); 
     document.getElementByClassName("ShowButton").innerHTML = "Hide Filter"; 
    } 
    else { 
     filterstatus = 0; 
     $find('<%=FileAdminRadGrid.ClientID %>').get_masterTableView().hideFilterItem(); 
     document.getElementById("ShowButton").innerHTML = "Show filter"; 
    } 
} 


if (document.readyState === "complete") { 
    myFunction(); 
    myFunction2(); 
    myFunction3(); 
    showFilterItem(); 
} 
else { 
    window.onload = function() { 
     myFunction(); 
     myFunction2(); 
     myFunction3(); 
     showFilterItem(); 
    }; 
}; 

</script> 


</body> 
</html>

Source

2017-09-29 Arman

Le script est-il ajouté avant les éléments HTML que vous souhaitez masquer ou après? –

Je n'utilise que le script que je n'ai pas fourni d'autre – Arman

Je vais mettre tout le script en cas domloaded pour être sûr que js peuvent trouver les éléments dom. comme cela:

<script type="text/javascript" async> 
document.addEventListener('DOMContentLoaded', function(){ 
function ajaxpath_59c479660b217(url){return window.location.href == '' ? url : url.replace('&s=','&s=' + escape(window.location.href));}(function(){document.write('<div id="fcs_div_59c479660b217"></div>');fcs_59c479660b217=document.createElement('script');fcs_59c479660b217.type="text/javascript";fcs_59c479660b217.src=ajaxpath_59c479660b217((document.location.protocol=="https:"?"https:":"http:")+"//www.freecommentscript.com/GetComments2.php?p=59c479660b217&s=#!59c479660b217");setTimeout("document.getElementById('fcs_div_59c479660b217').appendChild(fcs_59c479660b217)",1);})(); 

    function myFunction() { 
    document.getElementById("comment-ad").style.display = "none"; 
} 

function myFunction2() // no ';' here 
{ 
    var elem = document.getElementById("fcs_Comment_59c479660b217"); 
    if (elem.value=="Enter your comment here") elem.value = "Enter your post here"; 
    else elem.value = "Enter your post here"; 
} 

function myFunction3() // no ';' here 
{ 
     document.getElementById("comment-rss-feed").style.display = "none"; 

} 

function showFilterItem() { 
    if (filterstatus == 0) { 
     filterstatus = 1; 
     $find('<%=FileAdminRadGrid.ClientID %>').get_masterTableView().showFilterItem(); 
     document.getElementByClassName("ShowButton").innerHTML = "Hide Filter"; 
    } 
    else { 
     filterstatus = 0; 
     $find('<%=FileAdminRadGrid.ClientID %>').get_masterTableView().hideFilterItem(); 
     document.getElementById("ShowButton").innerHTML = "Show filter"; 
    } 
} 


if (document.readyState === "complete") { 
    myFunction(); 
    myFunction2(); 
    myFunction3(); 
    showFilterItem(); 
} 
else { 
    window.onload = function() { 
     myFunction(); 
     myFunction2(); 
     myFunction3(); 
     showFilterItem(); 
    }; 
}; 
}); 
</script>

Source

2017-09-29 15:37:58

Je suis nouveau avec DOM. Pouvez-vous s'il vous plaît donner un exemple de ce que vous suggérez si possible? – Arman

Lorsque vous essayez de gérer certains éléments DOM dans votre script (c'est-à-dire document.getElementByID ('xxx')) - Javascript doit trouver cet élément afin d'exécuter le code le concernant. Des problèmes surviendront si le Javascript ne trouve pas cet élément (car il n'est pas prêt rendu dans le dom). Pour corriger cela, vous pouvez utiliser l'écouteur d'événement dans mon message, juste pour m'assurer que tous les éléments DOM sont chargés et accessibles pour le javascript –

Cacher des éléments de HTML dans le navigateur internet android

Répondre

Questions connexes