Ir para conteúdo
Fórum Script Brasil

Cleyton Luiz

Membros
  • Total de itens

    18
  • Registro em

  • Última visita

Sobre Cleyton Luiz

Cleyton Luiz's Achievements

0

Reputação

  1. segue o código que imprime o resultado: PHP echo "<img src='../imgFilmes/$poster' height='90px' width=70 border=0 onclick=\"showPopWin('../control/CControlePesquisaFilme.php?id=$id', 500, 350, null);\">"; CSS do MODAL #popupMask { position: absolute; z-index: 300; top: 0px; left: 0px; width: 100%; height: 100%; opacity: .5; filter: alpha(opacity=50); background-color: #333333; display:none; } #popupContainer { background-color: #ffffff; position: absolute; z-index: 301; top: 0px; left: 0px; display:none; padding: 0px; } #popupTitleBar { background-color: #ffffff; color:#333333; font-weight: bold; height: 15px; padding: 1px; border-bottom: 1px solid #ffffff; border-top: 1px solid #ffffff; border-left: 1px solid #ffffff; border-right: 1px solid #ffffff; position: relative; z-index: 303; } #popupTitle { float:left; font-size: 1.1em; } #popupControls { float: right; cursor: pointer; cursor: hand; } JAVA SCRIPT var gPopupMask = null; var gPopupContainer = null; var gPopFrame = null; var gReturnFunc; var gPopupIsShown = false; var gHideSelects = false; var gTabIndexes = new Array(); // Pre-defined list of tags we want to disable/enable tabbing into var gTabbableTags = new Array("A","BUTTON","TEXTAREA","INPUT","IFRAME"); // If using Mozilla or Firefox, use Tab-key trap. if (!document.all) { document.onkeypress = keyDownHandler; } /** * Initializes popup code on load. */ function initPopUp() { // Add the HTML to the body theBody = document.getElementsByTagName('BODY')[0]; popmask = document.createElement('div'); popmask.id = 'popupMask'; popcont = document.createElement('div'); popcont.id = 'popupContainer'; popcont.innerHTML = '' + '<div id="popupInner">' + '<div id="popupTitleBar">' + '<div id="popupTitle"></div>' + '<div id="popupControls">' + '<img src="../images/close.gif" onclick="hidePopWin(false);" id="popCloseBox" />' + '</div>' + '</div>' + '<iframe src="../telas/loading.html" style="width:100%;height:100%;background-color:transparent;" scrolling="auto" frameborder="0" allowtransparency="true" id="popupFrame" name="popupFrame" width="100%" height="100%"></iframe>' + '</div>'; theBody.appendChild(popmask); theBody.appendChild(popcont); gPopupMask = document.getElementById("popupMask"); gPopupContainer = document.getElementById("popupContainer"); gPopFrame = document.getElementById("popupFrame"); // check to see if this is IE version 6 or lower. hide select boxes if so // maybe they'll fix this in version 7? var brsVersion = parseInt(window.navigator.appVersion.charAt(0), 10); if (brsVersion <= 6 && window.navigator.userAgent.indexOf("MSIE") > -1) { gHideSelects = true; } // Add onclick handlers to 'a' elements of class submodal or submodal-width-height var elms = document.getElementsByTagName('a'); for (i = 0; i < elms.length; i++) { if (elms[i].className.indexOf("submodal") == 0) { // var onclick = 'function (){showPopWin(\''+elms[i].href+'\','+width+', '+height+', null);return false;};'; // elms[i].onclick = eval(onclick); elms[i].onclick = function(){ // default width and height var width = 400; var height = 200; // Parse out optional width and height from className params = this.className.split('-'); if (params.length == 3) { width = parseInt(params[1]); height = parseInt(params[2]); } showPopWin(this.href,width,height,null); return false; } } } } addEvent(window, "load", initPopUp); /** * @argument width - int in pixels * @argument height - int in pixels * @argument url - url to display * @argument returnFunc - function to call when returning true from the window. * @argument showCloseBox - show the close box - default true */ function showPopWin(url, width, height, returnFunc, showCloseBox) { // show or hide the window close widget if (showCloseBox == null || showCloseBox == true) { document.getElementById("popCloseBox").style.display = "block"; } else { document.getElementById("popCloseBox").style.display = "none"; } gPopupIsShown = true; disableTabIndexes(); gPopupMask.style.display = "block"; gPopupContainer.style.display = "block"; // calculate where to place the window on screen centerPopWin(width, height); var titleBarHeight = parseInt(document.getElementById("popupTitleBar").offsetHeight, 10); gPopupContainer.style.width = width + "px"; gPopupContainer.style.height = (height+titleBarHeight) + "px"; setMaskSize(); // need to set the width of the iframe to the title bar width because of the dropshadow // some oddness was occuring and causing the frame to poke outside the border in IE6 gPopFrame.style.width = parseInt(document.getElementById("popupTitleBar").offsetWidth, 10) + "px"; gPopFrame.style.height = (height) + "px"; // set the url gPopFrame.src = url; gReturnFunc = returnFunc; // for IE if (gHideSelects == true) { hideSelectBoxes(); } window.setTimeout("setPopTitle();", 600); } // var gi = 0; function centerPopWin(width, height) { if (gPopupIsShown == true) { if (width == null || isNaN(width)) { width = gPopupContainer.offsetWidth; } if (height == null) { height = gPopupContainer.offsetHeight; } //var theBody = document.documentElement; var theBody = document.getElementsByTagName("BODY")[0]; theBody.style.overflow = "hidden"; var scTop = parseInt(theBody.scrollTop,10); var scLeft = parseInt(theBody.scrollLeft,10); gPopupMask.style.top = scTop + "px"; gPopupMask.style.left = scLeft + "px"; setMaskSize(); //window.status = gPopupMask.style.top + " " + gPopupMask.style.left + " " + gi++; var titleBarHeight = parseInt(document.getElementById("popupTitleBar").offsetHeight, 10); var fullHeight = getViewportHeight(); var fullWidth = getViewportWidth(); gPopupContainer.style.top = (scTop + ((fullHeight - (height+titleBarHeight)) / 2)) + "px"; gPopupContainer.style.left = (scLeft + ((fullWidth - width) / 2)) + "px"; //alert(fullWidth + " " + width + " " + gPopupContainer.style.left); } } addEvent(window, "resize", centerPopWin); //addEvent(window, "scroll", centerPopWin); window.onscroll = centerPopWin; /** * Sets the size of the popup mask. * */ function setMaskSize() { var theBody = document.getElementsByTagName("BODY")[0]; var fullHeight = getViewportHeight(); var fullWidth = getViewportWidth(); // Determine what's bigger, scrollHeight or fullHeight / width if (fullHeight > theBody.scrollHeight) { popHeight = fullHeight; } else { popHeight = theBody.scrollHeight; } if (fullWidth > theBody.scrollWidth) { popWidth = fullWidth; } else { popWidth = theBody.scrollWidth; } gPopupMask.style.height = popHeight + "px"; gPopupMask.style.width = popWidth + "px"; } /** * @argument callReturnFunc - bool - determines if we call the return function specified * @argument returnVal - anything - return value */ function hidePopWin(callReturnFunc) { gPopupIsShown = false; var theBody = document.getElementsByTagName("BODY")[0]; theBody.style.overflow = ""; restoreTabIndexes(); if (gPopupMask == null) { return; } gPopupMask.style.display = "none"; gPopupContainer.style.display = "none"; if (callReturnFunc == true && gReturnFunc != null) { gReturnFunc(window.frames["popupFrame"].returnVal); } gPopFrame.src = 'loading.html'; // display all select boxes if (gHideSelects == true) { displaySelectBoxes(); } } /** * Sets the popup title based on the title of the html document it contains. * Uses a timeout to keep checking until the title is valid. */ function setPopTitle() { return; if (window.frames["popupFrame"].document.title == null) { window.setTimeout("setPopTitle();", 10); } else { document.getElementById("popupTitle").innerHTML = window.frames["popupFrame"].document.title; } } // Tab key trap. iff popup is shown and key was [TAB], suppress it. // @argument e - event - keyboard event that caused this function to be called. function keyDownHandler(e) { if (gPopupIsShown && e.keyCode == 9) return false; } // For IE. Go through predefined tags and disable tabbing into them. function disableTabIndexes() { if (document.all) { var i = 0; for (var j = 0; j < gTabbableTags.length; j++) { var tagElements = document.getElementsByTagName(gTabbableTags[j]); for (var k = 0 ; k < tagElements.length; k++) { gTabIndexes[i] = tagElements[k].tabIndex; tagElements[k].tabIndex="-1"; i++; } } } } // For IE. Restore tab-indexes. function restoreTabIndexes() { if (document.all) { var i = 0; for (var j = 0; j < gTabbableTags.length; j++) { var tagElements = document.getElementsByTagName(gTabbableTags[j]); for (var k = 0 ; k < tagElements.length; k++) { tagElements[k].tabIndex = gTabIndexes[i]; tagElements[k].tabEnabled = true; i++; } } } } /** * Hides all drop down form select boxes on the screen so they do not appear above the mask layer. * IE has a problem with wanted select form tags to always be the topmost z-index or layer * * Thanks for the code Scott! */ function hideSelectBoxes() { for(var i = 0; i < document.forms.length; i++) { for(var e = 0; e < document.forms[i].length; e++){ if(document.forms[i].elements[e].tagName == "SELECT") { document.forms[i].elements[e].style.visibility="hidden"; } } } } /** * Makes all drop down form select boxes on the screen visible so they do not reappear after the dialog is closed. * IE has a problem with wanted select form tags to always be the topmost z-index or layer */ function displaySelectBoxes() { for(var i = 0; i < document.forms.length; i++) { for(var e = 0; e < document.forms[i].length; e++){ if(document.forms[i].elements[e].tagName == "SELECT") { document.forms[i].elements[e].style.visibility="visible"; } } } }[/codebox] esses são os códigos que estou usando se puderem me ajudar. Obrigado. será que alguém pode me auxiliar? Obrigado.
  2. Olá pessoal!!! estou com um pequeno problema, tenho um efeito que faz aquela janela modal, quando eu coloco ela numa página index ela funciona perfeitamente, mas quando eu tenho um botão dentro de uma outra página que foi chamado para dentro da index através de um iframe essa janela modal ela é aberta dentro do iframe e não na página toda. serah que alguém pode me ajudar? Obrigado.
  3. será que você poderia me dizer como posso iniciar, pois não tenho nem idéia de como fazer. Obrigado.
  4. Olá pessoal gostaria de uma GRANDE ajuda de vocês, tentei usar o innerHTML achei bem interessante mais não sei porque não consegui fazer funcionar, mas testando consegui de um jeito diferente e agora surgiu alguns problemas, por exemplo quando não digito nada no formulário ele me avisa que somente o primeiro campo está vazio, gostaria que ele me mostrasse todos os campos, que no caso devem ser preenchidos juntamente com a alteração da cor do campo, nesse modelo que consegui montar também ocorre o seguinte, caso eu tenha clicado em incluir ele me da o errado após eu ter digitado e passado para o próximo campo gostaria que ele sumisse, será que podem me ajudar pois ainda tenho mais alguns formulários para fazer. pessoal muito obrigado, mas muito obrigado mesmo. segue os códigos: HTML <html> <head> <title>Formulário Cadastro</title> <script language="javascript" type="text/javascript" src="teste.js"></script> </head> <body> <form name="cadastro" method="post" onSubmit="return validaForm()"> <table width="100%" border="0"> <tr> <td colspan="4">Cadastro de Filmes</td> </tr> <tr> <td>Numero de registro</td> <td><input name="registro" type="text" maxlength="10" size="10" /></td> <td colspan="2"><div id="registro_oculto" style="visibility:hidden">Esse campo deve conter apenas números</div> <div id="registro_oculto2" style="visibility:hidden"> Esse campo deve ser preenchido </div></td> </tr> <tr> <td>&nbsp;</td> <td>&nbsp;</td> <td colspan="2">&nbsp;</td> </tr> <tr> <td width="15%"><label for="titulo1" id="titulo1"/> Título:</td> <td><input name="titulo" type="text" id="titulo" size="45" maxlength="45"></td> <td colspan="2"><div id="titulo_oculto" style="visibility=hidden;"> Esse campo é de preenchimento obrigatório</div></td> </tr> <tr> <td>Gênero:</td> <td width="22%"> Opção 1: <select name="generos" size="1" id="generos"> <option value="0" selected>--Selecione--</option> <option value="1" >Ação</option> <option value="2">Animação</option> <option value="3">Aventura</option> <option value="4">Comédia</option> <option value="5">Documentário</option> <option value="6">Drama</option> <option value="7">Erótico</option> <option value="8">Ficção</option> <option value="9">Guerra</option> <option value="10">Infantil</option> <option value="11">Músical</option> <option value="12">Policial</option> <option value="13">Romance</option> <option value="14">Suspense</option> <option value="15">Terror</option> </select></td> <td width="15%"> Opção 2: <select name="generos2" size="1" id="generos2"> <option value="0" selected>--Selecione--</option> <option value="1">Ação</option> <option value="2">Animação</option> <option value="3">Aventura</option> <option value="4">Comédia</option> <option value="5">Documentário</option> <option value="6">Drama</option> <option value="7">Erótico</option> <option value="8">Ficção</option> <option value="9">Guerra</option> <option value="10">Infantil</option> <option value="11">Músical</option> <option value="12">Policial</option> <option value="13">Romance</option> <option value="14">Suspense</option> <option value="15">Terror</option> </select></td> <td width="48%"><div id="generos_ocultos" style="visibility=hidden;"> Esse campo é de preenchimento obrigatório</div></td> </tr> <tr> <td>Duração:</td> <td><input type="text" name="duracao" size="3" maxlength="3"> min.</td> <td colspan="2"><div id="duracao_oculto" style="visibility:hidden">Você Deve preencher esse campo</div></td> </tr> <tr> <td colspan="4">&nbsp;</td> </tr> <tr> <td colspan="4"><input name="enviar" type="submit" value="Incluir Filme"> <input name="Apagar" type="reset" value="Apagar Dados"> </td> </tr> </table> </body> </html> JS function validaForm() { //VALIDA REGISTRO d = document.cadastro; if (d.registro.value == ""){ document.getElementById('registro_oculto2').style.visibility = "visible"; document.getElementById('registro').style.backgroundColor = '#CCCCCC'; d.duracao.focus(); return false; } // VALIDA TITULO d=document.cadastro; if (d.titulo.value == "") { document.getElementById('titulo_oculto').style.visibility = "visible"; document.getElementById('titulo').style.backgroundColor = '#CCCCCC'; d.titulo.focus(); return false; } // validar GENERO d= document.cadastro; if (d.generos.value == d.generos2.value){ document.getElementById('generos_ocultos').style.visibility = "visible"; d.generos.focus(); return false; } //validar DURAÇÃO d = document.cadastro; if (d.duracao.value == ""){ document.getElementById('duracao_oculto').style.visibility = "visible"; document.getElementById('duracao').style.backgroundColor = '#CCCCCC'; d.duracao.focus(); return false; } return true; }[/codebox]
  5. esse script ele me mostra como mudar a cor do campo, queria saber como faz para colocar um texto ao lado do campo informando que aquele campo é obrigatório, ex: tenho vários campos, e no momento em que eu clicar no botão para enviar aparecer ao lado das caixas de textos a informação de que o campo é obrigatório, caso ele não tenha sido preenchido, já usei uma div invisivel mas não consegui fazer com que ela recebece o valor, será que alguém pode me auxiliar. Obrigado.
  6. Olá pessoal gostaria de uma de vocês, Bom é o seguinte estou desenvolvendo um site que contém vários formulários, nestes existem diversas validações, essas validações são chamadas de um JS externo, para mostrar o erro estou usando aquela telinha do alert. Gostaria de alterar essa exibição para uma coisa mais interessante, por exemplo no momento em que a pessoa clicar no botão de enviar o formulário ao lado de cada campo aparecer o erro e o campo ficar com uma cor diferente, será que alguém pode me auxiliar nessa dúvida com algum tutorial ou alguns exemplos. Obrigado.
  7. obrigado hipnos na area, agora o negócio funcionou perfeitamente. Valeu. Cleyton.
  8. estive vendo o efeito e ele fica com a imagem em baixo só que aquela borda tipo 3D do IE ainda fica tem como alguém me ajudar? Obrigado. esse é o código q estou usando: <input type="text" style="background: #CCCCCC url(teste.jpg)" repeat-y; border: 0px solid #e5e6e7 ;>
  9. obrigado hipnos na area, me ajudou um monte, obrigadão!!!!! teh mais.
  10. Olá pessoal gostaria de saber se podem me ajudar, encontrei um formulário que nas caixas de texto tem umas sombrinhas gostaria de saber se alguém sabe fazer isso. exemplo Obrigado.
  11. Olá pessoal, como faço para comparar dois list menus, por exemplo tenho genero 1 (filmes, sites, diversão, jogos) e genero 2 (filmes, sites, diversão, jogos) o cara tem q selecionar os dois campos mas não podem ser o mesmo tipo de seleção tipo filmes e filmes, caso ele selecione informar que os dados devem ser diferentes. Alguém pode me ajudar? Obrigado. :)
  12. Olá pessoal estou aqui recorrendo para que possam me ajudar, Tenho um site em flash, e gostaria q quando eu clicasse em um botão ele abrisse uma página html com um tamanho que eu expecificar, só que essa página não pode ser um popup para que o windows não bloquei. será que podem me auxiliar. Muito obrigado.
  13. Olá pessoal, será que alguém tem algum tutorial ou algum exemplo para me passar, pois ou meio leigo no assunto. Obrigado
  14. Olá meus caros amigos, desenvolvi um formulário que tem os campos validados só que ao clicar ele abre naquela janela de Alert, preciso que seje apresentado de uma forma diferente, alguém poderia me ajudar com alguma sugestão, como apresentar um texto ao lado do campo informando que ele deve ser preenchido. Fico esperando a colaboração de vocês. Obrigado.
  15. Olá Fernando, será que tem como você explicar esse código pois sou meio leigo no assunto e estou tendo alguns probleminhas para fazer. Será q pode me ajudar. Obrigado Alguém tem algum Tutorial para auxiliar, nesse exemplo. Obrigado. Olá será que alguém tem algum tutorial ou um passo a passo, para ajudar com esse exemplo. Obrigado. Cleyton. será que alguém tem algum tutorial um outro exemplo que mostre como fazer esse tipo de efeito. Obrigado. Cleyton.
×
×
  • Criar Novo...