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