Last active
October 7, 2019 17:03
-
-
Save flpms/c202064ee91d625370837d0b3609b8b6 to your computer and use it in GitHub Desktop.
Meu código antigo escrito em 2009
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
// JavaScript Document | |
window.onload = function(){ | |
navigatorUsed = navigator.appName; | |
URL = new Array(); | |
URL[0] = "services.xml"; | |
tags = new Array(); | |
tags[0] = "li"; | |
tags[1] = "p"; | |
tags[2] = "ul"; | |
tags[3] = "img"; | |
id_tag = new Array(); | |
servicesTitle = new Array(); | |
textServices = new Array(); | |
styleTextId = new Array(); | |
styleIndex = document.styleSheets[0]; | |
var liI = document.getElementById("I"); | |
var liT = document.getElementById("T"); | |
var liE = document.getElementById("E"); | |
var liC = document.getElementById("C"); | |
var liH = document.getElementById("H"); | |
addEvent(liI,"mouseover",function(){showBackground(this)}); | |
addEvent(liI,"mouseout",function(){hideBackground(this)}); | |
addEvent(liT,"mouseover",function(){showBackground(this)}); | |
addEvent(liT,"mouseout",function(){hideBackground(this)}); | |
addEvent(liE,"mouseover",function(){showBackground(this)}); | |
addEvent(liE,"mouseout",function(){hideBackground(this)}); | |
addEvent(liC,"mouseover",function(){showBackground(this)}); | |
addEvent(liC,"mouseout",function(){hideBackground(this)}); | |
addEvent(liH,"mouseover",function(){showBackground(this)}); | |
addEvent(liH,"mouseout",function(){hideBackground(this)}); | |
loadData(); | |
addEvent(liI,"click",fcnHome); | |
addEvent(liT,"click",fcnDeveloper); | |
addEvent(liE,"click",fcnMaintence); | |
addEvent(liC,"click",fcnInfraestructure); | |
addEvent(liH,"click",fcnPortfolios); | |
} | |
function addEvent(elem,evento,funcao){ | |
if(elem.addEventListener){ | |
elem.addEventListener(evento,funcao,false); | |
} | |
else{ | |
elem.attachEvent('on'+evento,function(){funcao.call(elem)}); | |
} | |
} | |
function showBackground(idElem){ | |
var tagLi = document.getElementById(idElem.id); | |
var tagSpan = tagLi.getElementsByTagName("span")[0]; | |
if(navigatorUsed == "Microsoft Internet Explorer"){ | |
styleIndex.rules[searchStyle(tagSpan.id,0)].style.visibility = "visible"; | |
styleIndex.rules[searchStyle(idElem.id,0)].style.backgroundImage = "url(bgBotton.png)"; | |
} | |
else{ | |
styleIndex.cssRules[searchStyle(tagSpan.id,0)].style.visibility = "visible"; | |
styleIndex.cssRules[searchStyle(idElem.id,0)].style.backgroundImage = "url(bgBotton.png)"; | |
} | |
} | |
function hideBackground(idElem){ | |
var tagLi = document.getElementById(idElem.id); | |
var tagSpan = tagLi.getElementsByTagName("span")[0]; | |
if(navigatorUsed == "Microsoft Internet Explorer"){ | |
styleIndex.rules[searchStyle(tagSpan.id,0)].style.visibility = "hidden"; | |
styleIndex.rules[searchStyle(idElem.id,0)].style.backgroundImage = "url(bgBotton.png)"; | |
} | |
else{ | |
styleIndex.cssRules[searchStyle(tagSpan.id,0)].style.visibility = "hidden"; | |
styleIndex.cssRules[searchStyle(idElem.id,0)].style.backgroundImage = ""; | |
} | |
} | |
function loadData(){ | |
try{ | |
xmlhttp = new ActiveXObject("Msxml2.XMLHTTP"); | |
} | |
catch(e){ | |
try { | |
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP"); | |
} | |
catch (E){ | |
xmlhttp = false; | |
} | |
} | |
if(!xmlhttp && typeof XMLHttpRequest != 'undefined'){ | |
try{ | |
xmlhttp = new XMLHttpRequest(); | |
} | |
catch(e){ | |
xmlhttp = false ; | |
} | |
} | |
if (xmlhttp){ | |
xmlhttp.onreadystatechange = RespostaXML; | |
xmlhttp.open("GET",URL[0], true); | |
xmlhttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded"); | |
xmlhttp.setRequestHeader('encoding','UTF-8'); | |
xmlhttp.send(null); | |
} | |
} | |
function RespostaXML(){ | |
if(xmlhttp.readyState == 4){ | |
if(xmlhttp.status == 200){ | |
xml = xmlhttp.responseXML; | |
developer = xml.getElementsByTagName("developer")[0]; | |
maintenance = xml.getElementsByTagName("maintenance")[0]; | |
infrastructure = xml.getElementsByTagName("infrastructure")[0]; | |
InitialPage = xml.getElementsByTagName("home")[0]; | |
portfolio = xml.getElementsByTagName("portfolio")[0]; | |
} | |
} | |
} | |
function fcnHome(){ | |
var InitialPageTitle = InitialPage.getElementsByTagName("servicestitle")[0]; | |
textServices[0] = InitialPage.getElementsByTagName("textservices")[0]; | |
textServices[1] = InitialPage.getElementsByTagName("textservices")[1]; | |
var secondDiv = document.getElementsByTagName("DIV")[1]; | |
if(navigatorUsed == "Microsoft Internet Explorer"){ | |
secondDiv.innerHTML = "<h2 id='tituloSecondario'>"+InitialPageTitle.text+"</h2><p class='paragrafo'>"+textServices[0].text+"<br /><br />"+textServices[1].text+"</p>"; | |
}else{ | |
secondDiv.innerHTML = "<h2 id='tituloSecondario'>"+InitialPageTitle.textContent+"</h2><p class='paragrafo'>"+textServices[0].textContent+"<br /><br />"+textServices[1].textContent+"</p>"; | |
} | |
} | |
function fcnPortfolios(){ | |
servicesTitle[0] = portfolio.getElementsByTagName("servicestitle")[0]; | |
servicesTitle[1] = portfolio.getElementsByTagName("servicestitle")[1]; | |
textServices[0] = portfolio.getElementsByTagName("textservices")[0]; | |
textServices[1] = portfolio.getElementsByTagName("textservices")[1]; | |
var secondDiv = document.getElementsByTagName("DIV")[1]; | |
secondDiv.innerHTML = "<h2 id='tituloSecondario'>Representantes Itech</h2>"; | |
CreateElementsPage(tags[2]+"Developer",null,tags[2],"tituloSecondario",null); | |
id_tag[0] = servicesTitle[0].parentNode.nodeName; | |
id_tag[1] = servicesTitle[1].parentNode.nodeName; | |
if(navigatorUsed == "Microsoft Internet Explorer"){ | |
CreateElementsPage(tags[0]+id_tag[0],servicesTitle[0].text,tags[0],null,"secondli"); | |
CreateElementsPage(tags[1]+id_tag[0],textServices[0].text,tags[1],tags[0]+id_tag[0],"paragrafo"); | |
OrganizaLi(tags[0]+id_tag[0]); | |
addEvent(document.getElementById(tags[0]+id_tag[0]),"click",function(){textShow(this,document.getElementById(tags[1]+id_tag[0]))}); | |
CreateElementsPage(tags[0]+id_tag[1],servicesTitle[1].text,tags[0],tags[1]+id_tag[0],"secondli"); | |
CreateElementsPage(tags[1]+id_tag[1],textServices[1].text,tags[1],tags[0]+id_tag[1],"paragrafo"); | |
OrganizaLi(tags[0]+id_tag[1]); | |
addEvent(document.getElementById(tags[0]+id_tag[1]),"click",function(){textShow(this,document.getElementById(tags[1]+id_tag[1]))}); | |
}else{ | |
CreateElementsPage(tags[0]+id_tag[0],servicesTitle[0].textContent,tags[0],null,"secondli"); | |
CreateElementsPage(tags[1]+id_tag[0],textServices[0].textContent,tags[1],tags[0]+id_tag[0],"paragrafo"); | |
OrganizaLi(tags[0]+id_tag[0]); | |
addEvent(document.getElementById(tags[0]+id_tag[0]),"click",function(){textShow(this,document.getElementById(tags[1]+id_tag[0]))}); | |
CreateElementsPage(tags[0]+id_tag[1],servicesTitle[1].textContent,tags[0],tags[1]+id_tag[0],"secondli"); | |
CreateElementsPage(tags[1]+id_tag[1],textServices[1].textContent,tags[1],tags[0]+id_tag[1],"paragrafo"); | |
OrganizaLi(tags[0]+id_tag[1]); | |
addEvent(document.getElementById(tags[0]+id_tag[1]),"click",function(){textShow(this,document.getElementById(tags[1]+id_tag[1]))}); | |
} | |
} | |
function fcnDeveloper(){ | |
servicesTitle[0] = developer.getElementsByTagName("servicestitle")[0]; | |
servicesTitle[1] = developer.getElementsByTagName("servicestitle")[1]; | |
textServices[0] = developer.getElementsByTagName("textservices")[0]; | |
textServices[1] = developer.getElementsByTagName("textservices")[1]; | |
var secondDiv = document.getElementsByTagName("DIV")[1]; | |
secondDiv.innerHTML = "<h2 id='tituloSecondario'>Desenvolvimento</h2>"; | |
CreateElementsPage(tags[2]+"Developer",null,tags[2],"tituloSecondario",null); | |
id_tag[0] = servicesTitle[0].parentNode.nodeName; | |
id_tag[1] = servicesTitle[1].parentNode.nodeName; | |
if(navigatorUsed == "Microsoft Internet Explorer"){ | |
CreateElementsPage(tags[0]+id_tag[0],servicesTitle[0].text,tags[0],null,"secondli"); | |
CreateElementsPage(tags[1]+id_tag[0],textServices[0].text,tags[1],tags[0]+id_tag[0],"paragrafo"); | |
OrganizaLi(tags[0]+id_tag[0]); | |
addEvent(document.getElementById(tags[0]+id_tag[0]),"click",function(){textShow(this,document.getElementById(tags[1]+id_tag[0]))}); | |
CreateElementsPage(tags[0]+id_tag[1],servicesTitle[1].text,tags[0],tags[1]+id_tag[0],"secondli"); | |
CreateElementsPage(tags[1]+id_tag[1],textServices[1].text,tags[1],tags[0]+id_tag[1],"paragrafo"); | |
OrganizaLi(tags[0]+id_tag[1]); | |
addEvent(document.getElementById(tags[0]+id_tag[1]),"click",function(){textShow(this,document.getElementById(tags[1]+id_tag[1]))}); | |
}else{ | |
CreateElementsPage(tags[0]+id_tag[0],servicesTitle[0].textContent,tags[0],null,"secondli"); | |
CreateElementsPage(tags[1]+id_tag[0],textServices[0].textContent,tags[1],tags[0]+id_tag[0],"paragrafo"); | |
OrganizaLi(tags[0]+id_tag[0]); | |
addEvent(document.getElementById(tags[0]+id_tag[0]),"click",function(){textShow(this,document.getElementById(tags[1]+id_tag[0]))}); | |
CreateElementsPage(tags[0]+id_tag[1],servicesTitle[1].textContent,tags[0],tags[1]+id_tag[0],"secondli"); | |
CreateElementsPage(tags[1]+id_tag[1],textServices[1].textContent,tags[1],tags[0]+id_tag[1],"paragrafo"); | |
OrganizaLi(tags[0]+id_tag[1]); | |
addEvent(document.getElementById(tags[0]+id_tag[1]),"click",function(){textShow(this,document.getElementById(tags[1]+id_tag[1]))}); | |
} | |
} | |
function fcnMaintence(){ | |
servicesTitle[0] = maintenance.getElementsByTagName("servicestitle")[0]; | |
servicesTitle[1] = maintenance.getElementsByTagName("servicestitle")[1]; | |
servicesTitle[2] = maintenance.getElementsByTagName("servicestitle")[2]; | |
textServices[0] = maintenance.getElementsByTagName("textservices")[0]; | |
textServices[1] = maintenance.getElementsByTagName("textservices")[1]; | |
textServices[2] = maintenance.getElementsByTagName("textservices")[2]; | |
var secondDiv = document.getElementsByTagName("DIV")[1]; | |
secondDiv.innerHTML = "<h2 id='tituloSecondario'>Montagem e Manutenção</h2>"; | |
CreateElementsPage(tags[2]+"Maintenance",null,tags[2],"tituloSecondario",null) ; | |
id_tag[0] = servicesTitle[0].parentNode.nodeName; | |
id_tag[1] = servicesTitle[1].parentNode.nodeName; | |
id_tag[2] = servicesTitle[2].parentNode.nodeName; | |
if(navigatorUsed == "Microsoft Internet Explorer"){ | |
CreateElementsPage(tags[0]+id_tag[0],servicesTitle[0].text,tags[0],null,"secondli"); | |
CreateElementsPage(tags[1]+id_tag[0],textServices[0].text,tags[1],'li'+id_tag[0],"paragrafo"); | |
OrganizaLi(tags[0]+id_tag[0]); | |
addEvent(document.getElementById(tags[0]+id_tag[0]),"click",function(){textShow(this,document.getElementById(tags[1]+id_tag[0]))}); | |
CreateElementsPage(tags[0]+id_tag[1],servicesTitle[1].text,tags[0],'p'+id_tag[0],"secondli"); | |
CreateElementsPage(tags[1]+id_tag[1],textServices[1].text,tags[1],'li'+id_tag[1],"paragrafo"); | |
OrganizaLi(tags[0]+id_tag[1]); | |
addEvent(document.getElementById(tags[0]+id_tag[1]),"click",function(){textShow(this,document.getElementById(tags[1]+id_tag[1]))}); | |
CreateElementsPage(tags[0]+id_tag[2],servicesTitle[2].text,tags[0],tags[1]+id_tag[1],"secondli"); | |
CreateElementsPage(tags[1]+id_tag[2],textServices[2].text,tags[1],tags[0]+id_tag[2],"paragrafo"); | |
OrganizaLi(tags[0]+id_tag[2]); | |
addEvent(document.getElementById(tags[0]+id_tag[2]),"click",function(){textShow(this,document.getElementById(tags[1]+id_tag[2]))}); | |
}else{ | |
CreateElementsPage(tags[0]+id_tag[0],servicesTitle[0].textContent,tags[0],null,"secondli"); | |
CreateElementsPage(tags[1]+id_tag[0],textServices[0].textContent,tags[1],'li'+id_tag[0],"paragrafo"); | |
OrganizaLi(tags[0]+id_tag[0]); | |
addEvent(document.getElementById(tags[0]+id_tag[0]),"click",function(){textShow(this,document.getElementById(tags[1]+id_tag[0]))}); | |
CreateElementsPage(tags[0]+id_tag[1],servicesTitle[1].textContent,tags[0],'p'+id_tag[0],"secondli"); | |
CreateElementsPage(tags[1]+id_tag[1],textServices[1].textContent,tags[1],'li'+id_tag[1],"paragrafo"); | |
OrganizaLi(tags[0]+id_tag[1]); | |
addEvent(document.getElementById(tags[0]+id_tag[1]),"click",function(){textShow(this,document.getElementById(tags[1]+id_tag[1]))}); | |
CreateElementsPage(tags[0]+id_tag[2],servicesTitle[2].textContent,tags[0],tags[1]+id_tag[1],"secondli"); | |
CreateElementsPage(tags[1]+id_tag[2],textServices[2].textContent,tags[1],tags[0]+id_tag[2],"paragrafo"); | |
OrganizaLi(tags[0]+id_tag[2]); | |
addEvent(document.getElementById(tags[0]+id_tag[2]),"click",function(){textShow(this,document.getElementById(tags[1]+id_tag[2]))}); | |
} | |
} | |
function fcnInfraestructure(){ | |
servicesTitle[0] = infrastructure.getElementsByTagName("servicestitle")[0]; | |
servicesTitle[1] = infrastructure.getElementsByTagName("servicestitle")[1]; | |
servicesTitle[2] = infrastructure.getElementsByTagName("servicestitle")[2]; | |
textServices[0] = infrastructure.getElementsByTagName("textservices")[0]; | |
textServices[1] = infrastructure.getElementsByTagName("textservices")[1]; | |
textServices[2] = infrastructure.getElementsByTagName("textservices")[2]; | |
var secondDiv = document.getElementsByTagName("DIV")[1]; | |
secondDiv.innerHTML = "<h2 id='tituloSecondario'>Infra-Estrutura de Redes</h2>"; | |
CreateElementsPage(tags[2]+"Infrastructure",null,tags[2],"tituloSecondario",null); | |
id_tag[0] = servicesTitle[0].parentNode.nodeName; | |
id_tag[1] = servicesTitle[1].parentNode.nodeName; | |
id_tag[2] = servicesTitle[2].parentNode.nodeName; | |
if(navigatorUsed == "Microsoft Internet Explorer"){ | |
CreateElementsPage(tags[0]+id_tag[0],servicesTitle[0].text,tags[0],null,"secondli"); | |
CreateElementsPage(tags[1]+id_tag[0],textServices[0].text,tags[1],tags[0]+id_tag[0],"paragrafo"); | |
OrganizaLi(tags[0]+id_tag[0]); | |
addEvent(document.getElementById(tags[0]+id_tag[0]),"click",function(){textShow(this,document.getElementById(tags[1]+id_tag[0]))}); | |
CreateElementsPage(tags[0]+id_tag[1],servicesTitle[1].text,tags[0],tags[1]+id_tag[0],"secondli"); | |
CreateElementsPage(tags[1]+id_tag[1],textServices[1].text,tags[1],tags[0]+id_tag[1],"paragrafo"); | |
OrganizaLi(tags[0]+id_tag[1]); | |
addEvent(document.getElementById(tags[0]+id_tag[1]),"click",function(){textShow(this,document.getElementById(tags[1]+id_tag[1]))}); | |
CreateElementsPage(tags[0]+id_tag[2],servicesTitle[2].text,tags[0],tags[1]+id_tag[1],"secondli"); | |
CreateElementsPage(tags[1]+id_tag[2],textServices[2].text,tags[1],tags[0]+id_tag[2],"paragrafo"); | |
OrganizaLi(tags[0]+id_tag[2]); | |
addEvent(document.getElementById(tags[0]+id_tag[2]),"click",function(){textShow(this,document.getElementById(tags[1]+id_tag[2]))}); | |
}else{ | |
CreateElementsPage(tags[0]+id_tag[0],servicesTitle[0].textContent,tags[0],null,"secondli"); | |
CreateElementsPage(tags[1]+id_tag[0],textServices[0].textContent,tags[1],tags[0]+id_tag[0],"paragrafo"); | |
OrganizaLi(tags[0]+id_tag[0]); | |
addEvent(document.getElementById(tags[0]+id_tag[0]),"click",function(){textShow(this,document.getElementById(tags[1]+id_tag[0]))}); | |
CreateElementsPage(tags[0]+id_tag[1],servicesTitle[1].textContent,tags[0],tags[1]+id_tag[0],"secondli"); | |
CreateElementsPage(tags[1]+id_tag[1],textServices[1].textContent,tags[1],tags[0]+id_tag[1],"paragrafo"); | |
OrganizaLi(tags[0]+id_tag[1]); | |
addEvent(document.getElementById(tags[0]+id_tag[1]),"click",function(){textShow(this,document.getElementById(tags[1]+id_tag[1]))}); | |
CreateElementsPage(tags[0]+id_tag[2],servicesTitle[2].textContent,tags[0],tags[1]+id_tag[1],"secondli"); | |
CreateElementsPage(tags[1]+id_tag[2],textServices[2].textContent,tags[1],tags[0]+id_tag[2],"paragrafo"); | |
OrganizaLi(tags[0]+id_tag[2]); | |
addEvent(document.getElementById(tags[0]+id_tag[2]),"click",function(){textShow(this,document.getElementById(tags[1]+id_tag[2]))}); | |
} | |
} | |
function CreateElementsPage(id,texto,tag,idNextTag,classe){ | |
var sp1 = document.createElement(tag); | |
sp1.setAttribute("id", id); | |
if(navigatorUsed == "Microsoft Internet Explorer"){ | |
if(classe != null){ | |
sp1.setAttribute("className", classe); | |
} | |
}else{ | |
if(classe != null){ | |
sp1.setAttribute("class", classe); | |
} | |
} | |
if(texto != null){ | |
var sp1_content = document.createTextNode(texto); | |
sp1.appendChild(sp1_content); | |
} | |
if(!idNextTag){ | |
var sp2 = document.getElementsByTagName('ul')[1]; | |
sp2.insertBefore(sp1,sp2.nextSibling); | |
}else{ | |
var sp2 = document.getElementById(idNextTag); | |
var parentDiv = sp2.parentNode; | |
parentDiv.insertBefore(sp1, sp2.nextSibling); | |
} | |
} | |
function searchStyle(searchIdtag,ClassOrId){ | |
IndexClassID = new Array() | |
IndexClassID[0] = "#"; | |
IndexClassID[1] = "."; | |
var i = 0; | |
if(navigatorUsed == "Microsoft Internet Explorer"){ | |
var styleIndexLength = styleIndex.rules.length; | |
while(i <=(styleIndexLength-1)){ | |
styleTextId[i] = styleIndex.rules[i].selectorText; | |
if(styleTextId[i] == (IndexClassID[ClassOrId]+searchIdtag)){ | |
break; | |
return i; | |
} | |
i++; | |
} | |
} | |
else{ | |
var styleIndexLength = styleIndex.cssRules.length; | |
while(i <= (styleIndexLength-1)){ | |
styleTextId[i] = styleIndex.cssRules[i].selectorText; | |
if(styleTextId[i] == (IndexClassID[ClassOrId]+searchIdtag)){ | |
break; | |
} | |
i++; | |
} | |
} | |
return i; | |
} | |
function OrganizaLi(idTg){ | |
var tagName = document.getElementsByTagName('ul')[1]; | |
var tagId = document.getElementById(idTg); | |
var expReg = new RegExp("%",'g'); | |
if((tagName.firstChild.id) == (tagId.id)){ | |
var styleIndexPositionArray = searchStyle(tagId.id,0); | |
if(navigatorUsed == "Microsoft Internet Explorer"){ | |
styleIndex.rules[styleIndexPositionArray].style.position = "absolute"; | |
styleIndex.rules[styleIndexPositionArray].style.top = "20%"; | |
styleIndex.rules[styleIndexPositionArray].style.left = "50px"; | |
}else{ | |
styleIndex.cssRules[styleIndexPositionArray].style.position = "absolute"; | |
styleIndex.cssRules[styleIndexPositionArray].style.top = "20%"; | |
styleIndex.cssRules[styleIndexPositionArray].style.left = "50px"; | |
} | |
} | |
else{ | |
var tags = document.getElementsByTagName('li'); | |
var i = 0; | |
if(navigatorUsed == "Microsoft Internet Explorer"){ | |
while(i <= (tags.length-1)){ | |
if(tags[i].id == tagId.id){ | |
var tagLI = tags[i]; | |
var positionPreviousTagLi = styleIndex.rules[searchStyle(tags[i-1].id,0)].style.top; | |
var positionPreviousTagLi = positionPreviousTagLi.replace(expReg,""); | |
break; | |
} | |
i++; | |
} | |
}else{ | |
while(i <= (tags.length-1)){ | |
if(tags[i].id == tagId.id){ | |
var tagLI = tags[i]; | |
var positionPreviousTagLi = styleIndex.cssRules[searchStyle(tags[i-1].id,0)].style.top; | |
var positionPreviousTagLi = positionPreviousTagLi.replace(expReg,""); | |
break; | |
} | |
i++; | |
} | |
} | |
var styleIndexPositionArray = searchStyle(tagLI.id,0); | |
if(navigatorUsed == "Microsoft Internet Explorer"){ | |
styleIndex.rules[styleIndexPositionArray].style.position = "absolute"; | |
styleIndex.rules[styleIndexPositionArray].style.top = (Number(positionPreviousTagLi)+10) +"%"; | |
styleIndex.rules[styleIndexPositionArray].style.left = "50px"; | |
} | |
else{ | |
styleIndex.cssRules[styleIndexPositionArray].style.position = "absolute"; | |
styleIndex.cssRules[styleIndexPositionArray].style.top = (Number(positionPreviousTagLi)+10) +"%"; | |
styleIndex.cssRules[styleIndexPositionArray].style.left = "50px"; | |
} | |
} | |
} | |
function textShow(Li,tagP){ | |
var numberIdStyle = searchStyle(Li.id,0); | |
var numberIdtagP = searchStyle(tagP.id,0); | |
var tagUL = document.getElementsByTagName("ul")[1]; | |
var tagsLI = tagUL.getElementsByTagName("li"); | |
var i = 0; | |
styleTags = new Array(); | |
if(navigatorUsed == "Microsoft Internet Explorer"){ | |
styleIndex.rules[numberIdtagP].style.visibility = "visible"; | |
styleIndex.rules[numberIdStyle].style.top = "20%"; | |
styleIndex.rules[numberIdStyle].style.borderColor = "#FFFFFF"; | |
styleIndex.rules[numberIdStyle].style.borderStyle = "solid"; | |
styleIndex.rules[numberIdStyle].style.borderWidth = "1px"; | |
CreateElementsPage(tags[3]+tagP.id,null,tags[3],tagP.id,"positionImgClose"); | |
while(i <= (tagsLI.length-1)){ | |
if(tagsLI[i].id != Li.id){ | |
var numberIdOthersTagLi = searchStyle(tagsLI[i].id,0); | |
styleIndex.rules[numberIdOthersTagLi].style.visibility = "hidden"; | |
} | |
i++; | |
} | |
var imgClose = document.getElementById(tags[3]+tagP.id); | |
imgClose.src = "close.png"; | |
classImgClose = searchStyle(imgClose.className,1); | |
styleIndex.rules[classImgClose].style.visibility = "visible"; | |
} | |
else{ | |
styleIndex.cssRules[numberIdtagP].style.visibility = "visible"; | |
styleIndex.cssRules[numberIdStyle].style.top = "20%"; | |
styleIndex.cssRules[numberIdStyle].style.borderColor = "#FFFFFF"; | |
styleIndex.cssRules[numberIdStyle].style.borderStyle = "solid"; | |
styleIndex.cssRules[numberIdStyle].style.borderWidth = "1px"; | |
CreateElementsPage(tags[3]+tagP.id,null,tags[3],tagP.id,"positionImgClose"); | |
while(i <= (tagsLI.length-1)){ | |
if(tagsLI[i].id != Li.id){ | |
var numberIdOthersTagLi = searchStyle(tagsLI[i].id,0); | |
styleIndex.cssRules[numberIdOthersTagLi].style.visibility = "hidden"; | |
} | |
i++; | |
} | |
var imgClose = document.getElementById(tags[3]+tagP.id); | |
imgClose.src = "close.png"; | |
styleIndex.cssRules[searchStyle(imgClose.className,1)].style.visibility = "visible"; | |
} | |
addEvent(imgClose,"mouseover",function(){showImgClose(this)}); | |
addEvent(imgClose,"mouseout",function(){hideImgClose(this)}); | |
addEvent(imgClose,"click",function(){hideText(tagP,tagsLI,imgClose)}); | |
} | |
function showImgClose(img){ | |
img.src = "closeOver.png"; | |
} | |
function hideImgClose(img){ | |
img.src = "close.png"; | |
} | |
function hideText(tagP,LI,imgClose){ | |
var i =0; | |
if(navigatorUsed == "Microsoft Internet Explorer"){ | |
var numberIdP = searchStyle(tagP.id,0); | |
styleIndex.rules[numberIdP].style.visibility = "hidden"; | |
while(i <= (LI.length-1)){ | |
var numberIdLI = searchStyle(LI[i].id,0); | |
styleIndex.rules[numberIdLI].style.borderColor = ""; | |
styleIndex.rules[numberIdLI].style.borderStyle = ""; | |
styleIndex.rules[numberIdLI].style.borderWidth = ""; | |
styleIndex.rules[numberIdLI].style.visibility = "visible"; | |
OrganizaLi(LI[i].id); | |
i++; | |
} | |
styleIndex.rules[searchStyle(imgClose.className,1)].style.visibility = "hidden"; | |
} | |
else{ | |
var numberIdP = searchStyle(tagP.id,0); | |
styleIndex.cssRules[numberIdP].style.visibility = "hidden"; | |
while(i <= (LI.length-1)){ | |
var numberIdLI = searchStyle(LI[i].id,0); | |
styleIndex.cssRules[numberIdLI].style.borderColor = ""; | |
styleIndex.cssRules[numberIdLI].style.borderStyle = ""; | |
styleIndex.cssRules[numberIdLI].style.borderWidth = ""; | |
styleIndex.cssRules[numberIdLI].style.visibility = "visible"; | |
OrganizaLi(LI[i].id); | |
i++; | |
} | |
styleIndex.cssRules[searchStyle(imgClose.className,1)].style.visibility = "hidden"; | |
} | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment