11548 sujets

JavaScript, DOM et API Web HTML5

Problème pour supprimer des div dans le DOM

Bonjour,

Voilà trois jours que je cherche et tente des trucs, sans succès. C'est pourquoi je viens chercher de l'aide car je suis assez amateur dans la pratique de javascript.
Je souhaite adapter mon site www.alexespere.fr pour Firefox qui interprète les float de mes div d'une manière qui résulte catastrophique, quand IE donne un bon rendu.
Donc, si mon visteur utilise FF je souhaite supprimer 3 div sous body qui normalement se substituent à 3 autres div via une fonction ouvrir fermer qui indique à la div une classe visible ou invisible. Je veux supprimer ces 3 div sous FF car je dois placer ma div principale corps_de_page en position absolute et donc je ne veux pas que se modifie l'espace sur la page.
Alors j'ai essayé pleins de trucs. Notamment les rendre invisible via javascript, les supprimer avec removeChild etc... RIEN NE MARCHE !!! Si qqun pouvait me dire ce qui ne va pas ce serait cool. Voilà le script un seul fichier script pour tout le site car structure des pages est identique. Merci d'avance !! Alex

[/i]

var nomnav = navigator.appName;

if (nomnav != 'Microsoft Internet Explorer')
	{
		document.write("<link rel='stylesheet' media='screen' type='text/css' href='CSS files/intro_Firefox.css'>");
		alert ();
		adapt ();
	}	

//On définit la fonction adapt
function adapt ()
{
	var blockSupp1 = document.getElementById('top_banner_closed');
	blockSupp1.parentNode.removeChild(blockSupp1);
	var blockSupp2 = document.getElementById('menu_création_fermé');
	blockSupp2.parentNode.removeChild(blockSupp2);
	var blockSupp3 = document.getElementById('bottom_banner_closed');
	blockSupp3.parentNode.removeChild(blockSupp3);
}


// On alerte l'internaute que les fonctions ouvrir/fermer sont désactivées
function alert ()
{
	var alertGiven = false;
	if (!alertGiven)
		{
			alertWindow = window.open ("", "alertWin", "width=400,height=350,toolbar=no,location=no,scrollbars=yes");
			alertWindow.document.write ("<html><head><title>Mozilla Alert<\/title><link rel='stylesheet' media='screen' type='text/css' href='/CSS files/intro.css' \/><script src='SCRIPT files/All_scripts.js'</"+"script><\/head><body><p><img src='Images/FRflag.jpg' title='Drapeau français' alt='Drapeau français' \/><br \/>La nécessité de mettre le site en compatibilité avec le navigateur Mozilla Firefox résulte que les fonctions javascript Ouvrir et fermer les éléments sont indisponibles. Pardon pour le désagrément.<\/p><p><img src='Images/ESflag.jpg' title='Bandera española' alt='Bandera española' \/><br \/>Para que el sitio sea legible con el navegador Mozilla Firefox ha sido necesario desactivar las funciones javascript Abrir y Cerrar los elementos. Perdón para las molestias.<\/p><p><img src='Images/ENflag.jpg' title='British flag' alt='British flag' \/><br \/>In order to ensure the readibility of the website by the Mozilla Firefox browser, it was necessary to disable Open and Close Elements javascript functions. Sorry for the inconvenience.<\/p><p align='center'><button type='button' onclick='window.close()'>OK<\/button><\/p><\/body><\/html>");
			alertGiven = true;
		}
}

function fermerBannière ()
{
	if (nomnav == 'Microsoft Internet Explorer')
	{
		var div1 = document.getElementById ("top_banner");
		var div2 = document.getElementById ("top_banner_closed");
		div1.className = "invisible";
		div2.className = "";
	}
}

function ouvrirBannière ()
{
	if (nomnav == 'Microsoft Internet Explorer')
	{
		var div1 = document.getElementById ("top_banner");
		var div2 = document.getElementById ("top_banner_closed");
		div1.className = "";
		div2.className = "invisible";
	}
}

function fermerMenu ()
{
	if (nomnav == 'Microsoft Internet Explorer')
	{
		var div3 = document.getElementById ("menu_création");
		var div4 = document.getElementById ("menu_création_fermé");
		div3.className = "invisible";
		div4.className = "";
	}
}

function ouvrirMenu ()
{
	if (nomnav == 'Microsoft Internet Explorer')
	{
		var div3 = document.getElementById ("menu_création");
		var div4 = document.getElementById ("menu_création_fermé");
		div3.className = "";
		div4.className = "invisible";
	}
}

function fermerBoîte ()
{
	if (nomnav == 'Microsoft Internet Explorer')
	{
		var div5 = document.getElementById ("bottom_banner");
		var div6 = document.getElementById ("bottom_banner_closed");
		div5.className = "invisible";
		div6.className = "";
	}
}

function ouvrirBoîte ()
{
	if (nomnav == 'Microsoft Internet Explorer')
	{
		var div5 = document.getElementById ("bottom_banner");
		var div6 = document.getElementById ("bottom_banner_closed");
		div5.className = "";
		div6.className = "invisible";
	}
}

function activeButtonclass (i)
{
	document.getElementsByTagName("button")[i].className = "button_créamenu_actif";
}

function desactiveButtonclass (i)
{
	document.getElementsByTagName("button")[i].className = "button_créamenu";
}

var passif1 = new Image();
passif1.src = "Images/bouton_essai_passif.jpg";
var actif1 = new Image();
actif1.src = "Images/bouton_essai_actif.jpg";
var passif2 = new Image();
passif2.src = "Images/bouton_nouvelle_passif.jpg";
var actif2 = new Image();
actif2.src = "Images/bouton_nouvelle_actif.jpg";
var passif3 = new Image();
passif3.src = "Images/bouton_poèmes_passif.jpg";
var actif3 = new Image();
actif3.src = "Images/bouton_poèmes_actif.jpg";
var passif4 = new Image();
passif4.src = "Images/bouton_chansons_passif.jpg";
var actif4 = new Image();
actif4.src = "Images/bouton_chansons_actif.jpg";

function changeImage (image_no, object_image)
{
	document.images[image_no].src = object_image.src;
}

function Son (url)
{
	this.src = url
}

var son1 = new Son ("SOUND files/MI.mp3");
var son2 = new Son ("SOUND files/SOL.mp3");
var son3 = new Son ("SOUND files/LA.mp3");
var son4 = new Son ("SOUND files/DOg.mp3");
var son5 = new Son ("SOUND files/RE.mp3");
var son6 = new Son ("SOUND files/FA.mp3");
var son7 = new Son ("SOUND files/DOa.mp3");
var son8 = new Son ("SOUND files/acc_DO7.mp3");
var son9 = new Son ("SOUND files/acc_SI7.mp3");
var son10 = new Son ("SOUND files/acc_MIm.mp3");
var son11 = new Son ("SOUND files/acc_MI7.mp3");

function playSound (b)
{
	document.getElementById("son_lien").src = b.src;
}

 [/i]

Modifié par alexreddef (21 Mar 2008 - 13:33)
Bonjour et bienvenue alexreddef Smiley smile

alexreddef a écrit :
... je suis assez amateur dans la pratique de javascript...


... Amateur aussi dans la lecture des règles du forum Smiley cligne que je t'invite à relire... Ainsi tu sauras qu'il faut placer tout ce qui est code dans les balises prévues à cet effet.

Merci de bien vouloir corriger ton post, s'il te plait Smiley smile
Salut,

'si mon visteur utilise FF je souhaite supprimer 3 div...'

>> Es-tu sûr que ce soit la bonne solution ? Si les affichages divergent c'est que ton document/css est mal formaté.
Sujet clos
Aller à