Affichage d'un iframe dans un onglet contenu dans le site par icemetal93 - page 1

Bonjour,

je suis actuellement entrain de travailler sur une page pour une societe.

Voila j'ai une page web avec des onglets (5) ainsi qu'une liste de site web :

Image utilisateur

je voudrais qu'en cliquant sur l'url du site elle s'affiche dans un des onglet (qu'on voit en haut de l'image)
afin de pouvoir consulter un site en navigant dans les onglet (a la firefox ou chrome) tout en restant dans l'environnement de notre société.
J'ai donc ceci comme code html :

<div class="zone_widget_masque" id="widget2">
   <div id="pop_windows" class="main_frame">
	<iframe id="int_frame1" class="pop_frame_site"></iframe>
   </div>
</div>

et ceci en javascript :

var body_sourcing = '<tr>';
	body_sourcing += '<td class="cellule_simple cellule_liseret_bas" style="background-color:\'#ffff00\'"><a href="/rh/sourcing/modificationsourcing/#{siteid}" class="lien_tableau" >#{nom_du_site}</a></td>';
	body_sourcing += '<td class="cellule_simple cellule_liseret_bas" style="background-color:\'#ffff00\'"><a href="#" onclick="openDetailUrl(\'#{url_du_site}\')" class="lien_tableau">#{url_du_site}</a></td>';
	body_sourcing += '<td class="cellule_simple cellule_liseret_bas" style="background-color:\'#ffff00\'">#{identifiant_du_site}</td>';
	body_sourcing += '<td class="cellule_simple cellule_liseret_bas" style="background-color:\'#ffff00\'">#{pass_du_site}</td>';
	body_sourcing += '<td class="cellule_simple cellule_liseret_bas" style="background-color:\'#ffff00\'"><label><input tabIndex="#{i}" onclick="checkSelect(this);" #{select_checked} type="checkbox" name="supprimer_sourcings[]" value="#{siteid}"/></label></td>';
	body_sourcing += '</tr>';

...

function openDetailUrl(url) {	
	$('pop_windows').style.display = 'block';
	
	if (isEmpty($('int_frame1').src)){
		$('int_frame1').src = url;
		
		cacheId('onglet2');
		cacheId('widget1', null);
		cacheId('widget3', null);
		cacheId('widget4', null);
		cacheId('widget5', null);
		cacheId('onglet_select1', null);
		cacheId('onglet_select3', null);
		cacheId('onglet_select4', null);
		cacheId('onglet_select5', null);
		afficheId('onglet1');
		afficheId('onglet3');
		afficheId('onglet4');
		afficheId('onglet5');
		afficheId('onglet_select2');
		afficheId('widget2');
	else {
		alert("Le maximum d'onglets est atteint. Veuillez en refermer avant de pouvoir en ouvrir de nouveau");
	}
}

function afficheId(baliseId) {
			  	if(document.getElementById && document.getElementById(baliseId) != null) {
				    document.getElementById(baliseId).style.visibility='visible';
				   	document.getElementById(baliseId).style.display='inline';
				   				    }
			}
			function cacheId(divId , frameId) {
				if(document.getElementById && document.getElementById(divId) != null) {
				    document.getElementById(divId).style.visibility='hidden';
				    document.getElementById(divId).style.display='none';
				    if(document.getElementById(frameId) != null) {
				    	document.getElementById(frameId).src = "";
				    }
				   
				}
			}

Mais voila j'ai pour resultat un immense Iframe qui se met au dessus tout le site au lieu de se mettre dans l'onglet.
Une petite aide serait le bienvenu

Affichage d'un iframe dans un onglet contenu dans le site

Affichage d'un iframe dans un onglet contenu dans le site

Supprimer

Modérer

Signaler le message aux modérateurs