Utilisateur:Dr Brains/IframeLangLinks.js
Apparence
Note : après avoir enregistré la page, vous devrez forcer le rechargement complet du cache de votre navigateur pour voir les changements.
Mozilla / Firefox / Konqueror / Safari : maintenez la touche Majuscule (Shift) en cliquant sur le bouton Actualiser (Reload) ou pressez Maj-Ctrl-R (Cmd-R sur Apple Mac) ;
Chrome / Internet Explorer / Opera : maintenez la touche Ctrl en cliquant sur le bouton Actualiser ou pressez Ctrl-F5.if(typeof(MoveResizeFixed_AddMoveArea)!="function") obtenir('MoveResizeFixed');
IframeLangLinks = new Object();
IframeLangLinks.Functions = new Object();
IframeLangLinks.Functions.Init = function(){
var LangPortlet = document.getElementById("p-lang");
if(!LangPortlet) return;
var LangLinks = LangPortlet.getElementsByTagName("li");
for(var a=0,l=LangLinks.length;a<l;a++){
var Link = LangLinks[a].getElementsByTagName('a')[0];
var URL = Link.href;
if(/^javascript:/.test(URL)) continue;
var NewLink = document.createElement('a');
NewLink.href = 'javascript:IframeLangLinks.Functions.Toggle("'+URL+'", '+a+');';
NewLink.appendChild(document.createTextNode('if'));
Link.parentNode.appendChild(document.createTextNode(' ('));
Link.parentNode.appendChild(NewLink);
Link.parentNode.appendChild(document.createTextNode(')'));
}
}
IframeLangLinks.Functions.Toggle = function(URL, index){
var ifll = document.getElementById('IframeLangLinks_'+index) ;
if (ifll) {
if(ifll.style.display == 'none') {
ifll.style.display = 'block' ;
IframeLangLinks.Functions.RestoreStyle(index);
}else{
ifll.style.display = 'none' ;
}
return;
}
var ifllDiv = document.createElement('div');
ifllDiv.id = 'IframeLangLinks_'+index;
var MoveArea = document.createElement('div');
MoveArea.id = 'IframeLangLinks_MoveArea_'+index;
var Links = document.createElement('span');
Links.setAttribute("style", "float:right;margin:10px;");
var HideLink = document.createElement('a');
HideLink.id = "IframeLangLinks_HideLink_"+index;
HideLink.innerHTML = "Masquer";
HideLink.title ="Masquer";
HideLink.href = "javascript:IframeLangLinks.Functions.Toggle(false, "+index+");";
Links.appendChild(HideLink);
MoveArea.appendChild(Links);
var iFrame = document.createElement('iframe') ;
iFrame.id = 'IframeLangLinks_iframe_'+index;
iFrame.src = URL;
var ResizeArea = document.createElement('div');
ResizeArea.id = 'IframeLangLinks_ResizeArea_'+index ;
ifllDiv.appendChild(MoveArea);
ifllDiv.appendChild(iFrame);
ifllDiv.appendChild(ResizeArea);
document.body.appendChild(ifllDiv) ;
IframeLangLinks.Functions.RestoreStyle(index);
var ElementsToMove = new Array(ifllDiv);
var ElementsToResize = new Array(ifllDiv, iFrame);
var ElementsMinWidths = new Array(200, 200);
var ElementsMinHeights = new Array(200, 100);
MoveResizeFixed_AddMoveArea(MoveArea, ElementsToMove);
MoveResizeFixed_AddResizeArea(ResizeArea, ElementsToResize, ElementsMinWidths, ElementsMinHeights);
}
IframeLangLinks.Functions.RestoreStyle = function(index){
var ifllDiv = document.getElementById('IframeLangLinks_'+index);
var MoveArea = document.getElementById('IframeLangLinks_MoveArea_'+index);
var iFrame = document.getElementById('IframeLangLinks_iframe_'+index);
var ResizeArea = document.getElementById('IframeLangLinks_ResizeArea_'+index);
var Link = document.getElementById('IframeLangLinks_HideLink_'+index);
if((!ifllDiv)||(!MoveArea)||(!iFrame)||(!ResizeArea)||(!Link)) return;
var LargeurEcran = MoveResizeFixed_GetScreenWidth();
var HauteurEcran = MoveResizeFixed_GetScreenHeight();
ifllDiv.style.position = "fixed";
ifllDiv.style.zIndex = 5000;
ifllDiv.style.top = parseInt(HauteurEcran*10/100) + "px";
ifllDiv.style.left = parseInt(LargeurEcran*15/100) + "px";
ifllDiv.style.width = "70%";
ifllDiv.style.height = parseInt(HauteurEcran*80/100) + "px";
ifllDiv.style.border = "2px solid black";
ifllDiv.style.backgroundColor = "white";
ifllDiv.style.overflow = "hidden";
MoveArea.style.position = "relative";
MoveArea.style.top = "0";
MoveArea.style.width = "100%";
MoveArea.style.height = "50px";
MoveArea.title = "Cliquer et glisser pour bouger";
iFrame.style.width = '100%' ;
iFrame.style.height = parseInt((HauteurEcran*80/100)-100) + 'px' ;
iFrame.style.clear = 'both' ;
iFrame.style.display = 'block';
ResizeArea.style.position = "relative";
ResizeArea.style.top = "0";
ResizeArea.style.width = "100%";
ResizeArea.style.height = "50px";
ResizeArea.title = "Cliquer et glisser pour redimensionner";
ResizeArea.display = 'block';
}
$(IframeLangLinks.Functions.Init);