Je l'affichage d'une page HTML dans une autre page HTML en fonction du lien est sélectionné à l'aide de la fonction suivante:Impossible de masquer Barre de défilement vertical sur la page Web
function loadProject(sel) {
var url = sel[sel.selectedIndex].value;
if(url) {
document.getElementById('projectContainer').innerHTML = '<' + 'object id="foo" name="foo" type="text/html" data="'+url+'"><\/object>';
} else {
document.getElementById('projectContainer').innerHTML = "Please select a project.";
}
}
Et, j'ai une balise div dans le code HTML avec l'ID de projectContainer. Cela fonctionne, sauf pour le fait qu'une barre de défilement verticale est toujours affichée, peu importe ce que je fais pour l'enlever. (Il ne devrait pas être - même si je mets rien dans l'objet, la barre verticale est toujours affiché.) Je l'ai essayé de modifier le CSS dans les domaines suivants:
object {
width: 100%;
border: none;
overflow: hidden;
}
mais ce n'est pas accomplir ce que je Je cherche. Aucune suggestion? Merci.
De quel navigateur parlons-nous? Et où est exactement la barre de défilement? N'y at-il pas un iframe impliqué quand vous parlez d'une "page à l'intérieur d'une page"? –
@Pekka - Je vais pour une approche cross-browser si possible (test dans Chrome et IE). Comme pour le IFrame, il n'est pas nécessaire de le faire en utilisant cette méthode. – JasCav