Ir para conteúdo
Fórum Script Brasil

juliano.ma

Membros
 Perfil  Explorar Conteúdo

  • Total de itens

    49

  • Registro em

  • Última visita

 Tipo de Conteúdo 

Tudo que juliano.ma postou

  1. juliano.ma
    Boa Tarde pessoal! Tenho o seguinte formulário: <?php include("config.php"); // Seleciona a tabela (cidade) e ordena $sql = "SELECT * FROM cidade ORDER BY cidade ASC"; // Faz a query do sql, formando o resultado $resultado = mysql_query($sql); while($linha = mysql_fetch_array($resultado)) { $id = $linha["id"]; $titulo = $linha["cidade"]; ?> <table width="450" border="0"> <tr bgcolor="#FFFFFF"> <td width="60%"><? echo $linha['cidade']; ?></td> <td width="20%"><?php echo "<a href='alterar_cidade.php?id=$id'>Alterar</a>"; ?></td> <td width="20%"><?php echo "<a href='excluir_cidade.php?id=$id'>Excluir</a>"; ?></td> </tr> </table> <? } ?> Eu gostaria de implementar o seguinte: 1 - quando eu clicar em "Alterar" ele não fosse para outra página e sim tranformasse o campo da minha tabela em uma região editável e com a opção "alterar". 2 - Quando eu clicar em "Exlcluir" ele apenas apaga a linha e se atualiza dinamicamente. Eu dei uma olhada no fórum e não encontrei um exemplo prático de como fazer... (talvez passou desapercebido...) Abraços!
  2. juliano.ma
    Opa, valeu! Já deu uma clareada boa nas ideias...
  3. juliano.ma
    Olá amigos, eu estou desenvolvendo um sistema simples em php para cadastrar alguns clientes aqui na empresa e gostaria de uma ajuda dos colegas que são mais entendidos em mysql para criar as tabelas. Sou novo em php (só sei o básico do básico) e não sei dar as atribuições corretas para cada campo, quando ser varchar, quando ser somente char, smallint, text , etc etc etc. eu tenho o seguinte codigo para inserir no banco: <?php include("config.php"); //pegando os valores do form e atribuindo as variaveis $gerente=$_POST['gerente']; $razao_social=$_POST['razao_social']; $nome_fantasia=$_POST['nome_fantasia']; $endereco=$_POST['endereco']; $numero=$_POST['numero']; $complemento=$_POST['complemento']; $bairro=$_POST['bairro']; $cep=$_POST['cep']; $cidade=$_POST['cidade']; $estado=$_POST['estado']; $pais=$_POST['pais']; $ddd1=$_POST['ddd1']; $telefone1=$_POST['telefone1']; $ddd2=$_POST['ddd2']; $telefone2=$_POST['telefone2']; $dddfax=$_POST['dddfax']; $telefonefax=$_POST['telefonefax']; $cpf_cnpj=$_POST['cpf_cnpj']; $rg_ie=$_POST['rg_ie']; $site=$_POST['site']; $email_marketing=$_POST['email_marketing']; $observacoes=$_POST['observacoes']; $especialidade1=$_POST['especialidade1']; $especialidade2=$_POST['especialidade2']; $especialidade3=$_POST['especialidade3']; $especialidade4=$_POST['especialidade4']; $especialidade5=$_POST['especialidade5']; $especialidade6=$_POST['especialidade6']; $conceito=$_POST['conceito']; $zona_geografica=$_POST['zona_geografica']; $nivel_parceria=$_POST['nivel_parceria']; $origem=$_POST['origem']; $contato=$_POST['contato']; $nascimento=$_POST['nascimento']; $cargo=$_POST['cargo']; $email_contato=$_POST['email_contato']; $ddd_contato=$_POST['ddd_contato']; $telefone_contato=$_POST['telefone_contato']; //pedido de gravação no banco $sql = "INSERT INTO clientes (gerente, razao_social, nome_fantasia, endereco, numero, complemento, complemento, bairro, cep, cidade, estado, pais, ddd1, telefone1, ddd2, telefone2, dddfax, telefonefax, cpf_cnpj, rg_ie, site, email_marketing, observacoes, especialidade1, especialidade2, especialidade3, especialidade4, especialidade5, especialidade6, conceito, zona_geografica, nivel_parceria, origem, contato, nascimento, cargo, email_contato, ddd_contato, telefone_contato) VALUES ('$gerente', '$razao_social', '$nome_fantasia', '$endereco', '$numero', '$complemento', '$complemento', '$bairro', '$cep', '$cidade', '$estado', '$pais', '$ddd1', '$telefone1', '$ddd2', '$telefone2', '$dddfax', '$telefonefax', '$cpf_cnpj', '$rg_ie', '$site', '$email_marketing', '$observacoes', '$especialidade1', '$especialidade2', '$especialidade3', '$especialidade4', '$especialidade5', '$especialidade6', '$conceito', '$zona_geografica', '$nivel_parceria', '$origem', '$contato', '$nascimento', '$cargo', '$email_contato', '$ddd_contato', '$telefone_contato')"; //gravando no banco de dados $sql = mysql_query($sql) or die ("Houve um erro na gravação dos dados, por favor, clique em voltar e preencha corretamente!"); echo "<center><h1>cadastro enviado com sucesso!</h1></center>"; echo "<center><a href=cadastra.php>cadastrar outro</a></center><br>"; echo "<center><a href=exibir.php>Visualizar página de clientes</a></center>"; ?> o nome do banco é CRM e da tabela é CLIENTES. na parte das 'especialidades' é apenas palavras de no máximo 20 caracteres. Como os prezados amigos criariam a tabela para este tipo de cadastro? Grande abraço!
  4. juliano.ma
    Agradeço à todos os amigos que postaram! Resolvi meu problema da usando o seguinte script: <html> <head> <title>AMPLIAR FOTO</title> <!--fotoZoom é a div em que a imagem irá abrir! bgFotoZoom é como se fosse uma background que fica em tela inteira com cor transparente definido de 0 a 1, ou 0 a 100--> <style> #fotoZoom { width:0; height:0; background-color:white; display: none; visibility: visible; position: absolute; text-align:center;top:0px; left:15%; } #bgFotoZoom { background-color: black; opacity: 0.5; -moz-opacity: 0.5; filter: alpha(opacity=50); display: none; width:100%; height:100%; top:0px; left:0px; visibility:visible; position:absolute; } img { border:0px; } </style> <!--Esta função mostra a div oculta>>--> <script language="JavaScript" type="text/javascript"> function amplia(){ document.getElementById('fotoZoom').style.display='block'; document.getElementById('bgFotoZoom').style.display='block'; } </script> <!--Esta função mostra as informações que estarão dentro da div>> obs.: o script a seguir dentro de innerHTML="" é onde mostrará o conteúdo dentro da div, deve ser escrito na mesma linha sem quebra de linha entre os dados html dentro deste script--> <script language="JavaScript"> function abre(img,legenda,credito,largura,altura) { document.getElementById("fotoZoom").innerHTML="<center><table bgcolor='white' cellspadding='1' cellspacing='1'><tr><td align=center><font size=2 face=Verdana>"+legenda+"</td></tr><tr><td><a href='java script:fecha();'><img alt='"+legenda+"' src='"+img+"' width='"+largura+"' height='"+altura+"'></a></td></tr><tr><td align=right><font size=2 face=Verdana>"+credito+"&nbsp;</font></td></tr></table>"; } </script> <!--Esta executa o script fecha, para fechar a div que foi aberta anteriormente--> <script language="JavaScript" type="text/javascript"> function fecha() { document.getElementById('fotoZoom').style.display='none'; document.getElementById('bgFotoZoom').style.display='none'; } </script> </head> <div id='bgFotoZoom'> </div> <center><div id='fotoZoom'></div> </center> <body> <center> <table style="width: 200px; text-align: center;" border="0" cellpadding="1" cellspacing="1" bgcolor="white"> <tbody> <tr> <td><a href="java script: amplia();" onclick="abre('http://imagestore.saiswa.com/saiyine/sa-super-saiyan-raditz.jpg','RADITIZ','IMAGES GOOGLE','800','600')"><img src="http://tbn0.google.com/images?que=tbn:m-xrANINThpv-M:http://imagestore.saiswa.com/saiyine/sa-super-saiyan-raditz.jpg"></a></td> <td><a href="java script: amplia();" onclick="abre('http://www.sequenz.ch/files/_galleries/gallery/screenshots/php5-on-mac.png','PHP5','PHP &copy;','700','500')"><img src="http://tbn0.google.com/images?que=tbn:Wt8sW9nCyatl7M:http://www.sequenz.ch/files/_galleries/gallery/screenshots/php5-on-mac.png"></a></td> <td><a href="java script: amplia();" onclick="abre('http://www.programujte.com/galerie/200609212117_databaze-php5.png','DATA BAZE','GOOGLE','600','400')"><img src="http://tbn0.google.com/images?que=tbn:QYS78X1RJrGilM:http://www.programujte.com/galerie/200609212117_databaze-php5.png"></a></td> </tr> </table> </body> </html>
  5. juliano.ma
    Olá à todos, tenho uma pagina que possui algumas linhas e colunas com fotos. As fotos não são tumb, apenas estão sendo apresentadas em um tamanho pequeno. Preciso que quando clikar na foto a mesma aumente sobre toda a página (não é popup) e ao clikar novamente retorne ao seu tamanho inicial. Dá uma força ai gente! Abraços!
  6. juliano.ma
    Obrigado por ter respondido, esse site que eu citei acima sou eu mesmo que estou desenvolvendo para um amigo meu. Já aprendi como fazer, por isso você viu a div oculta funcionando. Veja como ficou o código: <style type="text/css"> .cell2 { BORDER-RIGHT: #c0c0c0 1px solid; PADDING-RIGHT: 4px; BORDER-TOP: #c0c0c0 1px solid; PADDING-LEFT: 4px; FONT-SIZE: 12px; PADDING-BOTTOM: 4px; BORDER-LEFT: #c0c0c0 1px solid; COLOR: #333333; PADDING-TOP: 4px; BORDER-BOTTOM: #c0c0c0 1px solid; FONT-FAMILY: Arial; BORDER-COLLAPSE: collapse; BACKGROUND-COLOR: #e8ecef } .tRow { BORDER-RIGHT: #f48624 1px solid; PADDING-RIGHT: 4px; BORDER-TOP: #f48624 1px solid; PADDING-LEFT: 4px; FONT-SIZE: 12px; PADDING-BOTTOM: 4px; BORDER-LEFT: #f48624 1px solid; COLOR: #333333; PADDING-TOP: 4px; BORDER-BOTTOM: #f48624 1px solid; FONT-FAMILY: Arial; BACKGROUND-COLOR: #ffe1c8 } TABLE.view { BORDER-RIGHT: #8fb3e4 1px solid; BORDER-TOP: #8fb3e4 1px solid; BORDER-LEFT: #8fb3e4 1px solid; WIDTH: 100%; BORDER-BOTTOM: #8fb3e4 1px solid } TABLE.view TD.detailed { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px } TABLE.view TR.detailed { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px } TABLE.view TR.detailedHidden { PADDING-RIGHT: 0px; DISPLAY: none; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px } TABLE.view TR TD.detailed TABLE.detailed { BACKGROUND: white; WIDTH: 100% } TABLE.view TR TD.detailed TABLE.detailed TD.left { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; VERTICAL-ALIGN: middle; WIDTH: 120px; PADDING-TOP: 0px; TEXT-ALIGN: center } TABLE.view TR TD.detailed TABLE.detailed TD.right { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; VERTICAL-ALIGN: top; PADDING-TOP: 0px } TABLE.view TR TD.detailed TABLE.detailed TD.right TR TD.left { BORDER-RIGHT: #bbbbbb 1px solid; WIDTH: 33%; BORDER-BOTTOM: #bbbbbb 1px solid; TEXT-ALIGN: left } TABLE.view TR TD.detailed TABLE.detailed TD.right TR TD.right { BORDER-LEFT: #bbbbbb 1px solid; WIDTH: 33%; BORDER-BOTTOM: #bbbbbb 1px solid; TEXT-ALIGN: left } TABLE.view TR TD.detailed TABLE`?l???n??<style type="text/css"> .cell2 { BORDER-RIGHT: #c0c0c0 1px solid; PADDING-RIGHT: 4px; BORDER-TOP: #c0c0c0 1px solid; PADDING-LEFT: 4px; FONT-SIZE: 12px; PADDING-BOTTOM: 4px; BORDER-LEFT: #c0c0c0 1px solid; COLOR: #333333; PADDING-TOP: 4px; BORDER-BOTTOM: #c0c0c0 1px solid; FONT-FAMILY: Arial; BORDER-COLLAPSE: collapse; BA.detailed TD.right TR TD.desc { BORDER-TOP: #bbbbbb 1px solid; WIDTH: 100%; TEXT-ALIGN: left } </style> <script language="JavaScript" type="text/JavaScript"> function expand(id) { f = document.getElementById("info"+id); attr = (document.all ? "className": "class" ); h = "detailedHidden"; v = "detailed"; f.setAttribute(attr, f.getAttribute(attr) == h ? v: h) } </script> </p> <p>&nbsp;</p> <p><strong>Piadas, dicas e muito mais!</strong> </p> </div> <p> <?php include("conecta.php"); $sql = "SELECT * FROM piadas ORDER BY id ASC"; $resultado = mysql_query($sql) or die ("Não foi possível realizar a consulta ao banco de dados"); while ($linha=mysql_fetch_array($resultado)) { $id = $linha["id"]; $titulo = $linha["titulo"]; $texto = $linha["texto"]; $i + 1; ?> <div align="center"> <table align="center" class=view style="WIDTH: 580"> <tbody> <tr class=cell2 onMouseOver="this.className='tRow'" onMouseOut="this.className='cell2'"> <td style="PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; VERTICAL-ALIGN: middle; PADDING-TOP: 0px; TEXT-ALIGN: center"> <div align="left"> <? echo ++$i; ?> - <a href="java script:expand(<?php echo $id;?>);"><b><? echo "$titulo"; ?></b></a></div></td> <tr class="detailedHidden" id="info<?php echo $id;?>"> <td colspan=11 class=detailed> <table class=detailed> <tbody> <tr> <td><? echo "$texto"; ?></td> </tr> </tbody> </table></td> </tr> </tbody> </table> <? } ?>
  7. juliano.ma
    Agora sim eu compreendi. puxa, e era tão simples! muito obrigado! Abraços!
  8. juliano.ma
    estou tentando colocar um editor em uma area de texto, mas não estou sabendo colocar o código no meio do php. o script para a area de texto é esse: <textarea name="texto_novo" id="textfield" rows="10" cols="40"></textarea><br/> &lt;script language="javascript"> make_wyzz('textfield'); </script> Como colocar esse códido no script? (já tentei colocar mas acho que estou errando na sintaxe) Meu codigo atual funcionando belezinha: echo "<center><h1>Alterar</h1>"; echo "<hr><br>"; echo "<form action='alterar_db.php?id=$id' method='post'>"; echo "Título do Texto:<input name='titulo_novo' type='text' value='$titulo' size=30> *<br>"; echo "Texto:<textarea name='texto_novo' rows=10 cols=30>$texto</textarea> *<br>"; echo "<input type='submit' value='Alterar'>"; echo "</form>"; echo "<br><hr></center>"; Uma outra pergunta: Toda vez que eu preciso colocar um codigo html ou javascript no meio de um código php eu não acerto principalmente onde se usa "echo" ou "print", pois não sei as sintaxes para "fundir" os códigos. Onde teria uma documentação detalhada de como fazer essa fusão com exemplos etc.?
  9. juliano.ma
    Puxa, pensei que a coisa era simples... Bom, acho que o mais seguro é criar uma nova coluna na tabela para ordenar então.
  10. juliano.ma
    Olá amigos, Eu tenho um sistema simples de manipulação de banco de dados que inclui, deleta e edita os dados do banco. Eu preciso do seguinte: Eu tenho as seguintes colunas na tabela => id, titulo e texto. exemplo; primeira linha: id = 1 titulo = aaa texto = xxx xxx segunda linha: id = 2 tutulo = bbb texto = yyy yyy 1 - Eu preciso fazer com que ao ser excluido o (id = 1) o (id = 2) passasse automaticamente para o (id = 1) e assim sucessivamente para todos os id's que vem depois. 2 - Também preciso fazer com que; se eu inserisse um novo (id = 1) o atual id = 1 passasse a ser id = 2 e assim sucessivamente para todos os que vierem depois.
  11. juliano.ma
    Dá uma força ai gente.. Estou precisando muito desse código... Eu quero usar ele nesse site olhem: site
  12. juliano.ma
    Dá uma força ai gente... Estou precisando muito desse script.... Eu quero usar ele aqui olhem: Site
  13. juliano.ma
    Estes que eu te passei faz exatamente isso. Bom, já que você quer esse do site, aqui está o link para download do menu e outros mais disponibilizado no próprio site que você passou o link; Exemplos de menus
  14. juliano.ma
    Aqui está um bom exemplo em javascript <html> <head> <title>Menu Horizontal com Sub-Menus vertical</title> <style type="text/css"> <!-- a.bi{ background-color:lightyellow; color:black; display:block; font-family:Arial; font-size:12pt; font-weight:bold; padding:3px 3px 3px 3px; text-decoration:none; border-color: #225555 #000000 #000000 #225555; border-style:solid; border-width:2px; } a.bi:hover{ background-color:yellowgreen; color:lightslategrey; } a.mi{ background-color:lightyellow; color:black; display:block; font-family:Arial; font-size:12pt; font-weight:bold; padding: 3px 3px 3px 3px; text-decoration:none; } a.mi:hover{ background-color:yellowgreen; color:lightslategrey; } .mn{ background-color:lightyellow; border-color: #225555 #000000 #000000 #225555; border-style:solid; border-width:2px; z-index:100; } .sp{ BORDER-TOP:#000000 1px solid; MARGIN:2px; BORDER-BOTTOM:#225555 1px solid } //--> </style> </head> <body> <script language="JavaScript"> <!--// var D6=window,Y7=document;function B8(){this.ver=navigator.appVersion;this.agent=navigator.userAgent;this.dom=Y7.getElementById?1:0;this.opera5=this.agent.indexOf("Opera 5")>-1;this.ie5=(this.ver.indexOf("MSIE 5")>-1 && this.dom && !this.opera5)?1:0;this.ie6=(this.ver.indexOf("MSIE 6")>-1 && this.dom && !this.opera5)?1:1;this.ie4=(Y7.all && !this.dom && !this.opera5)?1:1;this.ie=this.ie4||this.ie5||this.ie6;this.mac=this.agent.indexOf("Mac")>-1;this.ns6=(this.dom && parseInt(this.ver)>=5)?1:0;this.ns4=(Y7.layers && !this.dom)?1:0;this.bw=(this.ie6||this.ie5||this.ie4||this.ns4||this.ns6||this.opera5);return this}bw=new B8();z=1;b=1;g="";if(bw.opera5||bw.ns6){b=2};if(bw.ie){g=" style='width: 100%'"}else{z=6}muito=50;ml=50;w=150;mh=23;mw=ml-w;k=1;muito=muito-z;p="<a class='mi'"+g+" href='";que="' title='";r="\"; return true' onmouseout='window.status=\"\"; return true'>";t="</a>";a="' onmouseover='window.status=\"";v="<div class=sp></div>" m=new Array();n=new Array();s=new Array();sw=new Array();su=new Array();st=new Array() m[0]='';n[0]='#';sw[0]=150;su[0]='';st[0]="";s[0]="" +p+"http://www.otimizacao-sites-busca.com/"+que+a+"Otimização Sites"+r+""+t m[0]='Home';n[0]='#';sw[0]=150;su[0]='Home';st[0]="";s[0]="" +p+"http://www.otimizacao-sites-busca.com/"+que+a+"Home"+r+"Home"+t m[1]='Otimização';n[1]='#';sw[1]=150;su[1]='Otimização';st[1]="";s[1]="" +p+"http://www.otimizacao-sites-busca.com/otimizacao/index.htm"+que+a+"Textos"+r+"Textos"+t +p+"http://www.otimizacao-sites-busca.com/art-otimizacao/index.htm"+que+a+"Artigos"+r+"Artigos"+t m[2]='Posicionamento';n[2]='#';sw[2]=150;su[2]='Posicionamento';st[2]="";s[2]="" +p+"http://www.otimizacao-sites-busca.com/posicionamento/index.htm"+que+a+"Textos"+r+"Textos"+t +p+"http://www.otimizacao-sites-busca.com/art-posicionamento/index.htm"+que+a+"Artigos"+r+"Artigos"+t m[3]='Artigos';n[3]='#';sw[3]=150;su[3]='Artigos';st[3]="";s[3]="" +p+"http://www.otimizacao-sites-busca.com/art-blogs/index.htm"+que+a+"Blogs"+r+"Blogs"+t +p+"http://www.otimizacao-sites-busca.com/art-buscas/index.htm"+que+a+"Mecanismos Busca"+r+"Mecanismos Busca"+t +p+"http://www.otimizacao-sites-busca.com/art-diretorios/index.htm"+que+a+"Diretórios"+r+"Diretórios"+t +p+"http://www.otimizacao-sites-busca.com/art-misc/index.htm"+que+a+"Miscelânea"+r+"Miscelânea"+t +p+"http://www.otimizacao-sites-busca.com/art-otimizacao/index.htm"+que+a+"Otimização"+r+"Otimização"+t +p+"http://www.otimizacao-sites-busca.com/art-posicionamento/index.htm"+que+a+"Posicionamento"+r+"Posicionamento"+t +p+"http://www.otimizacao-sites-busca.com/art-tags/index.htm"+que+a+"TAGS"+r+"TAGS"+t +p+"http://www.otimizacao-sites-busca.com/art-xml/index.htm"+que+a+"XML"+r+"XML"+t ma=m.length if (k==1) {mw2=ml-w; for (i=0; i < ma; i++){document.write("<div id='sb"+i+"' class='mn' style='position: absolute; top:"+(muito+mh)+";left:"+(mw+=w+2)+";width:"+(sw[i]-b)+"' onmouseover='o["+i+"].showIt()' onmouseout='o["+i+"].hideIt()'>"+s[i]+"</div>")} for (i=0; i < ma; i++){document.write("<div style='position: absolute; top:"+muito+";left:"+(mw2+=w+2)+";width:"+w+"' onmouseover='o["+i+"].showIt()' onmouseout='o["+i+"].hideIt()'><a class='bi'"+g+" href='"+n[i]+que+st[i]+a+su[i]+r+m[i]+t+"</div>")}} else {mw2=muito-mh;mt2=muito-mh+2 for (i=0; i < ma; i++){document.write("<div id='sb"+i+"' class='mn' style='position: absolute; top:"+(mt2+=(mh+1))+";left:"+(ml+w-10)+";width:"+sw[i]+"' onmouseover='o["+i+"].showIt()' onmouseout='o["+i+"].hideIt()'>"+s[i]+"</div>")} for (i=0; i < ma; i++){document.write("<div style='position: absolute; top:"+(mw2+=(mh+1))+";left:"+ml+";width:"+w+"' onmouseover='o["+i+"].showIt()' onmouseout='o["+i+"].hideIt()'><a class='bi'"+g+" href='"+n[i]+que+st[i]+a+su[i]+r+m[i]+t+"</div>")}} function lib_obj(obj,nest){nest=(!nest) ? "":'document.'+nest+'.';this.evnt=bw.dom? document.getElementById(obj):bw.ie4?document.all[obj]:bw.ns4?eval(nest+"document.layers." +obj):0;this.css=bw.dom||bw.ie4?this.evnt.style:this.evnt;this.ref=bw.dom||bw.ie4?document:this.css.document;this.x=parseInt(this.css.left)||this.css.pixelLeft||this.evnt.offsetLeft||0;this.y=parseInt(this.css.top)||this.css.pixelTop||this.evnt.offsetTop||0;return this} function lib_doc_size(){this.x=0;this.x2=bw.ie && document.body.offsetWidth-20||innerWidth||0;this.y=0;this.y2=bw.ie && document.body.offsetHeight-5||innerHeight||0;this.x50=this.x2/2;this.y50=this.y2/2;return this;} lib_obj.prototype.showIt = function(){this.css.visibility="visible"} lib_obj.prototype.hideIt = function(){this.css.visibility="hidden"} function libinit(){page=new lib_doc_size();o=new Array();for (i=0; i < ma; i++){o[i]=new lib_obj('sb'+i);o[i].hideIt()}} libinit() //--> </script> </body> </html> Aqui está um bom exemplo em css <html> <head> <!--[if lte IE 6]> <script> function DOMgetElementsByClassName($node,$className){ var $node, $atual, $className, $retorno = new Array(), $novos = new Array(); $retorno = new Array(); for (var $i=0;$i<$node.childNodes.length;$i++){ $atual = $node.childNodes[$i]; if($atual.nodeType==1){// 1 = XML_ELEMENT_NODE $classeAtual = $atual.className; if(new RegExp("\\b"+$className+"\\b").test($classeAtual)){ $retorno[$retorno.length] = $atual; } if($atual.childNodes.length>0){ $novos = DOMgetElementsByClassName($atual,$className); if($novos.length>0){ $retorno = $retorno.concat($novos); } } } } return $retorno; } function addEvent(obj, evType, fn){ if (obj.addEventListener){ obj.addEventListener(evType, fn, true)} if (obj.attachEvent){ obj.attachEvent("on"+evType, fn)} } function ativaHover(classe) { var pais = DOMgetElementsByClassName(document.body,classe); for (var j=0; j<pais.length; j++) { var sfEls = pais[j].getElementsByTagName("LI"); for (var i=0; i<sfEls.length; i++) { sfEls[i].onmouseover=function() { this.className+=" over"; } sfEls[i].onmouseout=function() { this.className=this.className.replace(new RegExp(" over\\b"), ""); } } } } addEvent(window,"load",function () { ativaHover("menu-hv"); }); </script> <![endif]--> <style> .menu-hv * { margin: 0; padding: 0;} .menu-hv a { display: block; } .menu-hv li { list-style: none; float: left; height: 1%; } .menu-hv li ul { position: absolute; visibility: hidden;} .menu-hv li ul li { float: none; white-space: nowrap; display: inline; /* o inline é pro IE */} .menu-hv li ul li ul { position: absolute; left: 100%; top: 0; } .menu-hv li:hover ul, .menu-hv li.over ul { visibility: visible;} .menu-hv li:hover ul ul, .menu-hv li.over ul ul { visibility: hidden;} .menu-hv ul ul li:hover ul, .menu-hv ul ul li.over ul { visibility: visible;} .menu-hv { background: #DF2800 url(img/bg-menu.jpg) repeat-x top; width: 757px; margin: 0 0 0 12px; height: 31px;} .menu-hv a { font-weight: bold; text-decoration: none; color: #FFF; padding: 0 10px; line-height: 23px;} .menu-hv a:hover { text-decoration: underline; background-color: #000; color: #FFF;} .menu-hv ul li ul { background-color: #DF2800; border: 1px solid #000; } </style> </head> <body> <div class="menu-hv"> <ul> <li><a href="quem-somos.php">Quem somos</a></li> <li><a href="produtos.php">Produtos</a> <ul> <li><a href="radios-portateis.php">Rádios portáteis</a> <ul> <li><a href="#">Terceiro nível</a></li> <li><a href="#">Link 2</a></li> <li><a href="#">Link 3</a></li> </ul> </li> <li><a href="radios-moveis.php">Rádios móveis</a></li> <li><a href="repetidoras.php">Repetidoras</a></li> <li><a href="sistemas-hf.php">Sistemas HF</a></li> <li><a href="acessorios.php">Acessórios</a></li> </ul> </li> <li><a href="revendas.php">Revendas</a></li> <li><a href="cotato.php">Solicite uma cotação</a></li> <li><a href="assistencia-tecnica.php">Assistência técnica</a></li> <li><a href="locacao.php">Locação</a></li> <li><a href="contato.php">Contate-nos </a></li> </ul> </div> </body> </html>
  15. juliano.ma
    Obrigado Beraldo por ter respondido! Olá amigos. Desculpe se estou insistindo nesse post, mas ainda não consegui fazer funcionar minha div oculta. Eu postei no fórum de javascript e esperei alguns dias, mas ninguém soube me ajudar. o que eu preciso está nesse site aqui olhem: site com exemplo de div oculta Reparem na lista de itens e cliquem em um dos itens. O que eu consegui extrair do código deles foi isto: <style type="text/css"> .cell2 { BORDER-RIGHT: #c0c0c0 1px solid; PADDING-RIGHT: 4px; BORDER-TOP: #c0c0c0 1px solid; PADDING-LEFT: 4px; FONT-SIZE: 12px; PADDING-BOTTOM: 4px; BORDER-LEFT: #c0c0c0 1px solid; COLOR: #333333; PADDING-TOP: 4px; BORDER-BOTTOM: #c0c0c0 1px solid; FONT-FAMILY: Arial; BORDER-COLLAPSE: collapse; BACKGROUND-COLOR: #e8ecef } .tRow { BORDER-RIGHT: #f48624 1px solid; PADDING-RIGHT: 4px; BORDER-TOP: #f48624 1px solid; PADDING-LEFT: 4px; FONT-SIZE: 12px; PADDING-BOTTOM: 4px; BORDER-LEFT: #f48624 1px solid; COLOR: #333333; PADDING-TOP: 4px; BORDER-BOTTOM: #f48624 1px solid; FONT-FAMILY: Arial; BACKGROUND-COLOR: #ffe1c8 } TABLE.view { BORDER-RIGHT: #8fb3e4 1px solid; BORDER-TOP: #8fb3e4 1px solid; BORDER-LEFT: #8fb3e4 1px solid; WIDTH: 100%; BORDER-BOTTOM: #8fb3e4 1px solid } TABLE.view TD.detailed { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px } TABLE.view TR.detailed { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px } TABLE.view TR.detailedHidden { PADDING-RIGHT: 0px; DISPLAY: none; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px } TABLE.view TR TD.detailed TABLE.detailed { BACKGROUND: white; WIDTH: 100% } TABLE.view TR TD.detailed TABLE.detailed TD.left { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; VERTICAL-ALIGN: middle; WIDTH: 120px; PADDING-TOP: 0px; TEXT-ALIGN: center } TABLE.view TR TD.detailed TABLE.detailed TD.right { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; VERTICAL-ALIGN: top; PADDING-TOP: 0px } TABLE.view TR TD.detailed TABLE.detailed TD.right TR TD.left { BORDER-RIGHT: #bbbbbb 1px solid; WIDTH: 33%; BORDER-BOTTOM: #bbbbbb 1px solid; TEXT-ALIGN: left } TABLE.view TR TD.detailed TABLE.detailed TD.right TR TD.right { BORDER-LEFT: #bbbbbb 1px solid; WIDTH: 33%; BORDER-BOTTOM: #bbbbbb 1px solid; TEXT-ALIGN: left } TABLE.view TR TD.detailed TABLE.detailed TD.right TR TD.desc { BORDER-TOP: #bbbbbb 1px solid; WIDTH: 100%; TEXT-ALIGN: left } </style> <script language="JavaScript" type="text/JavaScript"> function expand(id) { f = document.getElementById("info"+id); attr = (document.all ? "className": "class" ); h = "detailedHidden"; v = "detailed"; f.setAttribute(attr, f.getAttribute(attr) == h ? v: h) } </script> <p> <?php $conexao = mysql_connect("localhost","aaa","aaa"); $db = mysql_select_db("galeria_fotos"); $sql = "SELECT * FROM piadas ORDER BY id ASC"; $resultado = mysql_query($sql) or die ("Não foi possível realizar a consulta ao banco de dados"); while ($linha=mysql_fetch_array($resultado)) { $id = $linha["id"]; $titulo = $linha["titulo"]; $texto = $linha["texto"]; ?> <div align="center"> <table align="center" class=view style="WIDTH: 580"> <tbody> <tr class=cell2 onMouseOver="this.className='tRow'" onMouseOut="this.className='cell2'"> <td style="PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; VERTICAL-ALIGN: middle; PADDING-TOP: 0px; TEXT-ALIGN: center"> <div align="left"> <? echo "$id"; ?> - <a href="java script:expand('id');"><? echo "$titulo"; ?></a></div></td> <tr class=detailedHidden id=infoid> <td colspan=11 class=detailed> <table class=detailed> <tbody> <tr> <td><? echo "$texto"; ?></td> </tr> </tbody> </table></td> </tr> </tbody> </table> <? } ?> </div> <div align="center"> </div> Do jeito que está ele ainda não faz o loop dos textos, apenas faz dos títulos. Alguém tem alguma ideia do possa ser? Abraços!
  16. juliano.ma
    Link legal mesmo. Então, eu tentei assim, mas ainda está repetindo o texo da primeira. <LINK title=Default href="default.css" type=text/css rel=stylesheet></LINK> <script language="JavaScript" type="text/JavaScript"> function expand(id) { f = document.getElementById("info"+id); attr = (document.all ? "className": "class" ); h = "detailedHidden"; v = "detailed"; f.setAttribute(attr, f.getAttribute(attr) == h ? v: h) } </script> <p> <?php $conexao = mysql_connect("localhost","user","senha"); $db = mysql_select_db("banco"); $sql = "SELECT * FROM piadas ORDER BY id ASC"; $resultado = mysql_query($sql) or die ("Não foi possível realizar a consulta ao banco de dados"); while ($linha=mysql_fetch_array($resultado)) { $id = $linha["id"]; $titulo = $linha["titulo"]; $texto = $linha["texto"]; ?> <div align="center"> <table align="center" class=view style="WIDTH: 580"> <tbody> <tr class=cell2 onMouseOver="this.className='tRow'" onMouseOut="this.className='cell2'"> <td style="PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; VERTICAL-ALIGN: middle; PADDING-TOP: 0px; TEXT-ALIGN: center"> <div align="left"> <? echo "$id"; ?> - <a href="java script:expand('id');"><? echo "$titulo"; ?></a></div></td> <tr class=detailedHidden id=infoid> <td colspan=11 class=detailed> <table class=detailed> <tbody> <tr> <td><? echo "$texto"; ?></td> </tr> </tbody> </table></td> </tr> </tbody> </table> </div> <div align="center"> </div> <? } ?> essa linha é assim mesmo? <tr class=detailedHidden id=infoid> não teria que ser o id=""info"+id" conforme está no javascript? outra coisa, na linha: java script:expand('id') não teria que ser java script:expand(id) sem os ' ? Dá uma força aí amigos! Abraços!
  17. juliano.ma
    Obrigado Allan e CSML por terem respondido! Allan, ele faz o loop do título normalmente somente do texto que ele repete sempre o texto da primeira piada. Dá a impressão que ele grava na memória o texto da primeira e sempre quando eu chamo a div ele está na memoria prontinho para apresentar ao invés de chamar o texto pertencente ao título. CSML, seu script é show heim! O problema é eu não sei onde colocar os "echos" devido ao meu pouco conhecimento em php, pois estou aprendendo na marra essa linguagem... Quanto ao seu script acontece a mesma coisa quando tentei adaptar, ele coloca os títulos normalmente e faz o loop mas o texto das piadas repete sempre o texto da primeira. Quando eu uso somente o php ele vai belezinha... //desse jeito ele vai que é uma beleza while ($linha=mysql_fetch_array($resultado)) { $id = $linha["id"]; $titulo = $linha["titulo"]; $texto = $linha["texto"]; echo "$id"; echo "<br>"; echo $texto"; echo "<br>"; echo "<hr>"; } ?> Bom, procurando na net encontrei um site que tem exatamente o que eu quero. vejam esse link Tem uma lista de itens e as descrições deles estão escondidas na div. a página: (deixei só um item pra analizar o funcionamento) index.html <LINK title=Default href="default.css" type=text/css rel=stylesheet></LINK> <script language="JavaScript" type="text/JavaScript"> function expand(id) { f = document.getElementById("info"+id); attr = (document.all ? "className": "class" ); h = "detailedHidden"; v = "detailed"; f.setAttribute(attr, f.getAttribute(attr) == h ? v: h) } </script> <td> <div align="center"> <table align="center" class=view style="WIDTH: 580"> <tbody> <tr class=cell2 onMouseOver="this.className='tRow'" onMouseOut="this.className='cell2'"> <td style="PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; VERTICAL-ALIGN: middle; PADDING-TOP: 0px; TEXT-ALIGN: center"> <div align="left"><a href="java script:expand('730');">1carat Diamond</a></div></td> <tr class=detailedHidden id=info730> <td colspan=11 class=detailed> <table class=detailed> <tbody> <tr> <td height="81"></td> </tr> </tbody> </table></td> </tr> </tbody> </table> </div> folha de estilo: default.css .cell2 { BORDER-RIGHT: #c0c0c0 1px solid; PADDING-RIGHT: 4px; BORDER-TOP: #c0c0c0 1px solid; PADDING-LEFT: 4px; FONT-SIZE: 12px; PADDING-BOTTOM: 4px; BORDER-LEFT: #c0c0c0 1px solid; COLOR: #333333; PADDING-TOP: 4px; BORDER-BOTTOM: #c0c0c0 1px solid; FONT-FAMILY: Arial; BORDER-COLLAPSE: collapse; BACKGROUND-COLOR: #e8ecef } .tRow { BORDER-RIGHT: #f48624 1px solid; PADDING-RIGHT: 4px; BORDER-TOP: #f48624 1px solid; PADDING-LEFT: 4px; FONT-SIZE: 12px; PADDING-BOTTOM: 4px; BORDER-LEFT: #f48624 1px solid; COLOR: #333333; PADDING-TOP: 4px; BORDER-BOTTOM: #f48624 1px solid; FONT-FAMILY: Arial; BACKGROUND-COLOR: #ffe1c8 } TABLE.view { BORDER-RIGHT: #8fb3e4 1px solid; BORDER-TOP: #8fb3e4 1px solid; BORDER-LEFT: #8fb3e4 1px solid; WIDTH: 100%; BORDER-BOTTOM: #8fb3e4 1px solid } TABLE.view TD.detailed { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px } TABLE.view TR.detailed { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px } TABLE.view TR.detailedHidden { PADDING-RIGHT: 0px; DISPLAY: none; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px } TABLE.view TR TD.detailed TABLE.detailed { BACKGROUND: white; WIDTH: 100% } TABLE.view TR TD.detailed TABLE.detailed TD.left { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; VERTICAL-ALIGN: middle; WIDTH: 120px; PADDING-TOP: 0px; TEXT-ALIGN: center } TABLE.view TR TD.detailed TABLE.detailed TD.right { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; VERTICAL-ALIGN: top; PADDING-TOP: 0px } TABLE.view TR TD.detailed TABLE.detailed TD.right TR TD.left { BORDER-RIGHT: #bbbbbb 1px solid; WIDTH: 33%; BORDER-BOTTOM: #bbbbbb 1px solid; TEXT-ALIGN: left } TABLE.view TR TD.detailed TABLE.detailed TD.right TR TD.right { BORDER-LEFT: #bbbbbb 1px solid; WIDTH: 33%; BORDER-BOTTOM: #bbbbbb 1px solid; TEXT-ALIGN: left } TABLE.view TR TD.detailed TABLE.detailed TD.right TR TD.desc { BORDER-TOP: #bbbbbb 1px solid; WIDTH: 100%; TEXT-ALIGN: left } Se alguém puder me ajudar colocar meu código php nisso...
  18. juliano.ma
    Olá amigos, baseado em um script aqui do fórum, estou tentando implantar em uma página de piadas com a função de ocultar texto na div com php + javascript. meu código: <script language="javascript"> function Layer() { if (document.getElementById("mensagem_layer").style.visibility == 'visible') document.getElementById("mensagem_layer").style.visibility = 'hidden'; else document.getElementById("mensagem_layer").style.visibility = 'visible'; } </script> <?php //conecta no bd $conexao = mysql_connect("localhost","user","senha"); $db = mysql_select_db("banco"); //realiza a querie de busca no banco de dados $sql = "SELECT * FROM piadas ORDER BY id ASC"; $resultado = mysql_query($sql) or die ("Não foi possível realizar a consulta ao banco de dados"); while ($linha=mysql_fetch_array($resultado)) { $id = $linha["id"]; $titulo = $linha["titulo"]; $texto = $linha["texto"]; ?> <font size="2" face="Verdana"><? echo "$id"; ?> - <a href="#" onclick="Layer()"><? echo "$titulo"; ?></a></font> <div id="mensagem_layer" style="cursor: pointer; position:absolute; width:580px; height:100%; z-index:1; visibility:hidden; overflow: hidden; left: 90px; top: 30px; background-color: #F0F8FF; layer-background-color: #F0F8FF; border: 1px none #000000;" onclick="Layer()"> <table width="100%" border="1" cellspacing="0" bordercolorlight="#FFFFFF" bordercolordark="#6495ED"> <tr> <td align="center"><font size="2" face="Verdana"><b><? echo "$texto"; ?></font></td> </tr> </table> </div> <br> <? } ?> O problema é que ele não faz o loop do texto. Ele está repetindo em todas as piadas o texto da primeira piada. Se alguém puder me dar uma dica de como fazer com que a div seja aberta entre um titulo e outro (no caso empurrando os próximos títulos para baixo), pois do jeito que está ele abre sobre o conteúdo da página.
  19. juliano.ma
    Bom dia pessoal, estou colocando em um determinado site uma página de piadas e estou procurando um script que faça o seguinte: 1 - Opção para colocar o título e inserir o texto. 2 - Enviar para o banco de dados. 3 - Na página que o visitante vai acessar aparece a lista com os títulos das piadas. 4 - Quando o visitante clikar em um link de algum título o texto será expandido logo abaixo. 5 - Caso o visitante clikar em outro, o texto anterior recolhe automático. Seria um espécie de fórum? Gostaria de umas dicas de qual script usar ou mesmo para construir um do zero! Abraços!! Pessoal, a parte de cadastro e envio das piadas para o banco de dados eu já fiz, o que eu não sei fazer é ocultar o texto e presentar somente quando der o click. Bom gente, a parte de enviar, editar e excluir está pronta. Só falta agora fazer com que os títulos seja links e quando clickar sobre eles o texto expandir para baixo. meu código: <?php $conexao = mysql_connect("localhost","user","senha"); $db = mysql_select_db("banco"); $sql = "SELECT * FROM piadas ORDER BY id ASC"; $resultado = mysql_query($sql) or die ("Não foi possível realizar a consulta ao banco de dados"); while ($linha=mysql_fetch_array($resultado)) { $id = $linha["id"]; $titulo = $linha["titulo"]; $texto = $linha["texto"]; echo "$id"; echo "<br>"; echo "Título: $titulo"; echo "<br>"; echo "Ler: $texto"; echo "<br>"; echo "<hr>"; } ?>
  20. juliano.ma
    Esse é o ESerra... Uma pergunta: Por que você usou ponto antes e depois (.$dados[0].)? Eu estava tentando assim: <option value="<?php echo $dados[0]; ?>"><?php echo $dados[0]; ?></option>
  21. juliano.ma
    Olá à todos! Gostaria de ajuda para colocar os resultados desse script em uma combobox, pois as formas que tentei aqui não deu certo. <?php // fazendo a conexão com o banco de dados $conecta= mysql_connect("local","user","senha"); // comando para ler os bancos $executa="SHOW DATABASES"; // iniciando a query que irá mostrar os bancos $query=mysql_query($executa,$conecta) or die(mysql_error()); // apresentação dos resultados while ($dados=mysql_fetch_array($query)) { // imprimindo o nome das tabelas existentes no banco echo "$dados[0]<br>"; } ?> Desde já agradeço!
  22. juliano.ma
    Era exatamente isso que eu precisava. Obrigado amigão!
  23. juliano.ma
    Olá amigos, estou tentando listar as pastas de um diretório em um combobox, mas devido ao meu pouco conhecimento em php ainda não consegui fazer. Já me disseram que com ajax da pra fazer, mas eu prefiro usar somente php. Meu código: <?php // pega o endereço do diretório $diretorio = getcwd(); // abre o diretório $ponteiro = opendir($diretorio); // monta os vetores com os itens encontrados na pasta while ($nome_itens = readdir($ponteiro)) { $itens[] = $nome_itens; } // ordena o vetor de itens sort($itens); // percorre o vetor para fazer a separacao entre arquivos e pastas foreach ($itens as $listar) { // retira "./" e "../" para que retorne apenas pastas e arquivos if ($listar!="." && $listar!=".."){ // checa se o tipo de arquivo encontrado é uma pasta if (is_dir($listar)) { // caso VERDADEIRO adiciona o item à variável de pastas $pastas[]=$listar; } else{ // caso FALSO adiciona o item à variável de arquivos $arquivos[]=$listar; } } } // lista as pastas se houverem if ($pastas != "" ) { foreach($pastas as $listar){ print "Pasta: $listar<br>";} } ?> <form name="form1" method="post" action=""> <select name="select"> <option value="<?php echo $listar; ?>"> <?php echo $listar;?></option> </select> </form> Dessa forma ele lista apenas a ultima pasta da lista na combo. Desde já agredeço pela ajuda!
  24. juliano.ma
    Ola pessoal,alguém sabe como configuro este driver Generic / Text Only no WinXP? Eu estava com o win98 e tudo bem, mas agora que unstalei o XP ele imprime o ticket e sai muito papel depois. Estou usando a configuração Ledger e continuo sem quebra de pagina! A impressora e uma Lx300. um abraço!
×
×
  • Criar Novo...