Plone (Regional forums) › Zope & Plone - Portugal/Brazil

Problema com o Java Script

3 messages Options
Embed this post
Permalink
kiaskaetano

Problema com o Java Script

Reply Threaded More More options
Print post
Permalink
Problema com o Java Script

Boa tarde,

Gente estou com um pequeno problema com o meu java script, e o seguinte
fora do Zope/Plone, ele funciona que e uma beleza mas quando eu chamo o
formulario no zope/plone o java script não esta funcionando. Eu
apenas quero capturar os dados da lista de materias e adcionalos no
campo de solicitação.
Desde já agradeço qualqer Ajudar.. Muito obrigado

Segue o Codigo

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html metal:use-macro="here/main_template/macros/master">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"
/>
<title>Untitled Document</title>
<style type="text/css">
<!--
.style3 {font-size: large}

.formulario_capli {
    border: 1px solid #000000;
}

.titulo_capli {
     font-family:Verdana, Arial, Helvetica, sans-serif;
     font-size:14px;
     text-align:center;
     padding-left:10px;
     font-weight: bold;
}

.formulario_capli td {
     font-family:Verdana, Arial, Helvetica, sans-serif;
     font-size:12px;
     text-align:left;
     padding-left:10px;
}
.negrito{
     font-weight:bold;
}
.lembrete{
     color:#FF0000;
     font-size:10px;
}
-->
</style>
<script type="text/JavaScript">
<!--
function MM_jumpMenu(targ,selObj,restore){ //v3.0
 
eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'");
   if (restore) selObj.selectedIndex=0;
}

function insere() {
                 document.form1.solicitacao.value +=
document.form1.lista.value + '\n\n';
}
//-->
</script>
</head>

<body metal:fill-slot="main">
<form id="form1" name="form1" method="post" action="envia.py">
<table width="500" border="0" cellspacing="2" cellpadding="0"
class="formulario_capli" align="center">
   <tr>
     <td colspan="2"><div align="center"><p><img src="capli-logo.jpg"
width="191" height="60" /></p></div></td>

   </tr>
   <tr>
     <td colspan="2"><div align="center"><p
class="titulo_capli">Solicitação de
Material</p></div></td>
     </tr>
   </table>
   <table width="500" border="0" cellspacing="2" cellpadding="5"
class="formulario_capli" align="center">
   <tr>
     <td width="120px" align="right" class="negrito">Nome Completo:</td>
     <td>
       <input id="nome_completo" type="text" name="nome_completo"
style="width:300px" size="20"/>    </td>
   </tr>
   <tr>
     <td align="right" class="negrito">Área de
Lotação: </td>
     <td><input id="area_lotacao" type="text" name="area_lotacao"
style="width:240px" size="20"/></td>
   </tr>
   <tr>
     <td align="right" class="negrito">Ramal:</td>
     <td>
     <input id="ramal" type="text" name="ramal" style="width:60px"
size="20" /></td>
   </tr>
   <tr>
     <td align="right" class="negrito">E-mail (ITI):</td>
     <td>
     <input id="email" type="text" name="email" style="width:240px"
size="20" /></td>
   </tr>
   <tr>
     <td align="right" colspan="2">
     <center><b class="lembrete">Selecione o material desejado e clique
no botão abaixo para inserí-lo à lista de solicitação.
Não esqueça            de indicar a quantidade
desejada.</b></center> <br>
     <SELECT Name="lista" style="width: 100%;" size="10">

<OPTION Value="Alfinete mapa, Material metal tratamento superficial
niquelado.--
</SELECT>
<OPTION Value="Alfinete mapa, Material metal tratamento superficial
niquelado.-- QTD: ">Alfinete mapa, Material metal tratamento superficial
niquelado.
<OPTION Value="Almofada para carimbo nº 03 cor preta. Marca: POLY.--
QTD: ">Almofada para carimbo nº 03 cor preta. Marca: POLY.
<OPTION Value="Almofada para carimbo nº 04 cor azul. Marca: JAPAN
SPAN.-- QTD: ">Almofada para carimbo nº 04 cor azul. Marca: JAPAN
SPAN.
<OPTION Value="Apontador de lápis material tipo escolar Plastico
tamanho pequeno 01 furo sem   deposito. Marca:CIS-- QTD: ">Apontador de
lápis material tipo escolar Plastico tamanho pequeno 01 furo sem  
deposito. Marca:CIS
<OPTION Value="Bloco adesivo 98X50 100 fls cor amarelo com 04 unidades
marca: RECORD-- QTD: ">Bloco adesivo 98X50 100 fls cor amarelo com 04
unidades marca: RECORD
<OPTION Value="Bloco recado, material papel, cor amarelo largura: 76mm,
comprimento: 102mm tipo   removível características adicionais
auto adesivo com 1cm, post-it. Marca:3M.-- QTD: ">Bloco recado, material
papel, cor amarelo largura: 76mm, comprimento: 102mm tipo   removível
características adicionais auto adesivo com 1cm, post-it. Marca:3M.
     </td>
   </tr>
   <tr>
     <td align="right" colspan="2">
     <p align="center"><INPUT Type="button" Value="Adicionar material
à solicitação" onClick="insere();"></td>
   </tr>
   <tr><td align="right"
class="negrito">Solicitação:</td></tr>
    <tr>
    <td colspan="2">

     <TEXTAREA Name="solicitacao" rows="10" style="width: 100%;"
cols="20"></TEXTAREA></td>
   </tr>
   <tr>
     <td colspan="2">

       <div align="center"><input type="submit" name="Submit"
value="Enviar" id="Submit" /></div></td>
   </tr>
</table>

</form>
</body>
</html>


Alexandre Marinho-2

Re: Problema com o Java Script

Reply Threaded More More options
Print post
Permalink
Você ta colocando o código javascript no local errado... da uma olhada no
codigo fonte da página gerada... o javascript nao deve nem ta aparecendo la!

Você tem algumas alternativas...
1. coloca esse javascript num arquivo e cadastra ele no portal_javascripts
2. Passa esse codigo para dentro do body... tudo que esta dentro do
fill-slot="main" é renderizado no meio do site...
3. crie uma tag que use o slot javascript_head_slot... tipo assim:
<metal:styleslot fill-slot="javascript_head_slot">
   aqui vai ficar o seu codigo javascript
</metal:styleslot>

Outra dica da uma lida aqui:
http://docs.zope.org/zope2/zope2book/source/ZPT.html#macros

--
Alexandre Marinho
http://alexandre.cuboestudioweb.com


2009/9/16 kiaskaetano <[hidden email]>

>
>
> Problema com o Java Script
>
> Boa tarde,
>
> Gente estou com um pequeno problema com o meu java script, e o seguinte
> fora do Zope/Plone, ele funciona que e uma beleza mas quando eu chamo o
> formulario no zope/plone o java script não esta funcionando. Eu apenas quero
> capturar os dados da lista de materias e adcionalos no campo de solicitação.
> Desde já agradeço qualqer Ajudar.. Muito obrigado
>
> Segue o Codigo
>
> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "
> http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
> <html metal:use-macro="here/main_template/macros/master">
> <head>
> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
> <title>Untitled Document</title>
> <style type="text/css">
> <!--
> .style3 {font-size: large}
>
> .formulario_capli {
>    border: 1px solid #000000;
> }
>
> .titulo_capli {
>     font-family:Verdana, Arial, Helvetica, sans-serif;
>     font-size:14px;
>     text-align:center;
>     padding-left:10px;
>     font-weight: bold;
> }
>
> .formulario_capli td {
>     font-family:Verdana, Arial, Helvetica, sans-serif;
>     font-size:12px;
>     text-align:left;
>     padding-left:10px;
> }
> .negrito{
>     font-weight:bold;
> }
> .lembrete{
>     color:#FF0000;
>     font-size:10px;
> }
> -->
> </style>
> *<script type="text/JavaScript">
> <!--
> function MM_jumpMenu(targ,selObj,restore){ //v3.0
>   eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'");
>   if (restore) selObj.selectedIndex=0;
> }
>
> function insere() {
>                 document.form1.solicitacao.value +=
> document.form1.lista.value + '\n\n';
> }
> //-->
> </script>*
> </head>
>
> <body metal:fill-slot="main">
> <form id="form1" name="form1" method="post" action="envia.py">
> <table width="500" border="0" cellspacing="2" cellpadding="0"
> class="formulario_capli" align="center">
>   <tr>
>     <td colspan="2"><div align="center"><p><img src="capli-logo.jpg"
> width="191" height="60" /></p></div></td>
>
>   </tr>
>   <tr>
>     <td colspan="2"><div align="center"><p
> class="titulo_capli">Solicitação de Material</p></div></td>
>     </tr>
>   </table>
>   <table width="500" border="0" cellspacing="2" cellpadding="5"
> class="formulario_capli" align="center">
>   <tr>
>     <td width="120px" align="right" class="negrito">Nome Completo:</td>
>     <td>
>       <input id="nome_completo" type="text" name="nome_completo"
> style="width:300px" size="20"/>    </td>
>   </tr>
>   <tr>
>     <td align="right" class="negrito">Área de Lotação:
> </td>
>     <td><input id="area_lotacao" type="text" name="area_lotacao"
> style="width:240px" size="20"/></td>
>   </tr>
>   <tr>
>     <td align="right" class="negrito">Ramal:</td>
>     <td>
>     <input id="ramal" type="text" name="ramal" style="width:60px" size="20"
> /></td>
>   </tr>
>   <tr>
>     <td align="right" class="negrito">E-mail (ITI):</td>
>     <td>
>     <input id="email" type="text" name="email" style="width:240px"
> size="20" /></td>
>   </tr>
>   <tr>
>     <td align="right" colspan="2">
>     <center><b class="lembrete">Selecione o material desejado e clique no
> botão abaixo para inserí-lo à lista de solicitação. Não esqueça
> de indicar a quantidade desejada.</b></center> <br>
>     <SELECT Name="lista" style="width: 100%;" size="10">
>
> <OPTION Value="Alfinete mapa, Material metal tratamento superficial
> niquelado.--
> </SELECT>
> <OPTION Value="Alfinete mapa, Material metal tratamento superficial
> niquelado.-- QTD: ">Alfinete mapa, Material metal tratamento superficial
> niquelado.
> <OPTION Value="Almofada para carimbo nº 03 cor preta. Marca: POLY.-- QTD:
> ">Almofada para carimbo nº 03 cor preta. Marca: POLY.
> <OPTION Value="Almofada para carimbo nº 04 cor azul. Marca: JAPAN SPAN.--
> QTD: ">Almofada para carimbo nº 04 cor azul. Marca: JAPAN SPAN.
> <OPTION Value="Apontador de lápis material tipo escolar Plastico tamanho
> pequeno 01 furo sem   deposito. Marca:CIS-- QTD: ">Apontador de lápis
> material tipo escolar Plastico tamanho pequeno 01 furo sem   deposito.
> Marca:CIS
> <OPTION Value="Bloco adesivo 98X50 100 fls cor amarelo com 04 unidades
> marca: RECORD-- QTD: ">Bloco adesivo 98X50 100 fls cor amarelo com 04
> unidades marca: RECORD
> <OPTION Value="Bloco recado, material papel, cor amarelo largura: 76mm,
> comprimento: 102mm tipo   removível características adicionais auto adesivo
> com 1cm, post-it. Marca:3M.-- QTD: ">Bloco recado, material papel, cor
> amarelo largura: 76mm, comprimento: 102mm tipo   removível características
> adicionais auto adesivo com 1cm, post-it. Marca:3M.
>     </td>
>   </tr>
>   <tr>
>     <td align="right" colspan="2">
>     <p align="center"><INPUT Type="button" Value="Adicionar material à
> solicitação" onClick="insere();"></td>
>   </tr>
>   <tr><td align="right"
> class="negrito">Solicitação:</td></tr>
>    <tr>
>    <td colspan="2">
>
>     <TEXTAREA Name="solicitacao" rows="10" style="width: 100%;"
> cols="20"></TEXTAREA></td>
>   </tr>
>   <tr>
>     <td colspan="2">
>
>       <div align="center"><input type="submit" name="Submit" value="Enviar"
> id="Submit" /></div></td>
>   </tr>
> </table>
>
> </form>
> </body>
> </html>
>
>
>
>
kiaskaetano

Re: Problema com o Java Script

Reply Threaded More More options
Print post
Permalink
Muito Obrigado Alexandre,
A segunda alternativa caiu como uma luva.
Valeu.

--- Em qua, 16/9/09, Alexandre Marinho <[hidden email]> escreveu:

De: Alexandre Marinho <[hidden email]>
Assunto: Re: [zope-pt] Problema com o Java Script
Para: [hidden email]
Data: Quarta-feira, 16 de Setembro de 2009, 15:28






 




   
                  Você ta colocando o código javascript no local errado... da uma olhada no codigo fonte da página gerada... o javascript nao deve nem ta aparecendo la!

Você tem algumas alternativas. ..
1. coloca esse javascript num arquivo e cadastra ele no portal_javascripts

2. Passa esse codigo para dentro do body... tudo que esta dentro do fill-slot="main" é renderizado no meio do site...
3. crie uma tag que use o slot javascript_head_ slot... tipo assim:
<metal:styleslot fill-slot="javascript_head_ slot">

   aqui vai ficar o seu codigo javascript
</metal:styleslot>

Outra dica da uma lida aqui: http://docs. zope.org/ zope2/zope2book/ source/ZPT. html#macros


--
Alexandre Marinho
http://alexandre. cuboestudioweb. com



2009/9/16 kiaskaetano <kiaskaetano@ yahoo.com. br>








       
















Problema com o Java Script

Boa tarde,

Gente estou com um pequeno problema com o meu java script, e o seguinte fora do Zope/Plone, ele funciona que e uma beleza mas quando eu chamo o formulario no zope/plone o java script não esta funcionando. Eu apenas quero capturar os dados da lista de materias e adcionalos no campo de solicitação.

Desde já agradeço qualqer Ajudar.. Muito obrigado

Segue o Codigo

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional/ /EN" "http://www.w3. org/TR/xhtml1/ DTD/xhtml1- transitional. dtd">

<html metal:use-macro="here/main_template/ macros/master">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso- 8859-1" />
<title>Untitled Document</title>

<style type="text/css">
<!--
.style3 {font-size: large}

.formulario_ capli {
   border: 1px solid #000000;
}

.titulo_capli {
    font-family: Verdana, Arial, Helvetica, sans-serif;

    font-size:14px;
    text-align:center;
    padding-left: 10px;
    font-weight: bold;
}

.formulario_ capli td {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:12px;
    text-align:left;

    padding-left: 10px;
}
.negrito{
    font-weight: bold;
}
.lembrete{
    color:#FF0000;
    font-size:10px;
}
-->
</style>
<script type="text/JavaScript">
<!--

function MM_jumpMenu( targ,selObj, restore){ //v3.0
  eval(targ+".location='"+selObj.options[ selObj.selectedI ndex].value+"'");
  if (restore) selObj.selectedInde x=0;
}

function insere() {

                document.form1. solicitacao. value += document.form1. lista.value + '\n\n';
}
//-->
</script>
</head>

<body metal:fill-slot="main">
<form id="form1" name="form1" method="post" action="envia.py">

<table width="500" border="0" cellspacing="2" cellpadding="0" class="formulario_capli" align="center">
  <tr>
    <td colspan="2"><div align="center"><p><img src="capli-logo.jpg" width="191" height="60" /></p></div></td>


  </tr>
  <tr>
    <td colspan="2"><div align="center"><p class="titulo_capli">Solicitação de Material</p></div></td>

    </tr>
  </table>
  <table width="500" border="0" cellspacing="2" cellpadding="5" class="formulario_capli" align="center">
  <tr>

    <td width="120px" align="right" class="negrito">Nome Completo:</td>
    <td>
      <input id="nome_completo" type="text" name="nome_completo" style="width:300px" size="20"/>    </td>

  </tr>
  <tr>
    <td align="right" class="negrito">Área de Lotação: </td>
    <td><input id="area_lotacao" type="text" name="area_lotacao"  style="width:240px" size="20"/></td>

  </tr>
  <tr>
    <td align="right" class="negrito">Ramal:</td>
    <td>
    <input id="ramal" type="text" name="ramal" style="width:60px" size="20" /></td>

  </tr>
  <tr>
    <td align="right" class="negrito">E-mail (ITI):</td>
    <td>
    <input id="email" type="text" name="email" style="width:240px" size="20" /></td>

  </tr>
  <tr>
    <td align="right" colspan="2">
    <center><b class="lembrete">Selecione o material desejado e clique no botão abaixo para inserí-lo à lista de solicitação. Não esqueça            de indicar a quantidade desejada.</b></center> <br>

    <SELECT Name="lista" style="width: 100%;" size="10">

<OPTION Value="Alfinete mapa, Material metal tratamento superficial niquelado.--
</SELECT>
<OPTION Value="Alfinete mapa, Material metal tratamento superficial niquelado.-- QTD: ">Alfinete mapa, Material metal tratamento superficial niquelado.

<OPTION Value="Almofada para carimbo nº 03 cor preta. Marca: POLY.-- QTD: ">Almofada para carimbo nº 03 cor preta. Marca: POLY.
<OPTION Value="Almofada para carimbo nº 04 cor azul. Marca: JAPAN SPAN.-- QTD: ">Almofada para carimbo nº 04 cor azul. Marca: JAPAN SPAN.

<OPTION Value="Apontador de lápis material tipo escolar Plastico tamanho pequeno 01 furo sem   deposito. Marca:CIS-- QTD: ">Apontador de lápis material tipo escolar Plastico tamanho pequeno 01 furo sem   deposito. Marca:CIS

<OPTION Value="Bloco adesivo 98X50 100 fls cor amarelo com 04 unidades marca: RECORD-- QTD: ">Bloco adesivo 98X50 100 fls cor amarelo com 04 unidades marca: RECORD
<OPTION Value="Bloco recado, material papel, cor amarelo largura: 76mm, comprimento: 102mm tipo   removível características adicionais auto adesivo com 1cm, post-it. Marca:3M.-- QTD: ">Bloco recado, material papel, cor amarelo largura: 76mm, comprimento: 102mm tipo   removível características adicionais auto adesivo com 1cm, post-it. Marca:3M.    

    </td>
  </tr>
  <tr>
    <td align="right" colspan="2">    
    <p align="center"><INPUT Type="button" Value="Adicionar material à solicitação" onClick="insere();"></td>

  </tr>
  <tr><td align="right" class="negrito">Solicitação:</td></tr>
   <tr>
   <td colspan="2">

    <TEXTAREA Name="solicitacao" rows="10" style="width: 100%;" cols="20"></TEXTAREA></td>

  </tr>
  <tr>
    <td colspan="2">
   
      <div align="center"><input type="submit" name="Submit" value="Enviar" id="Submit" /></div></td>

  </tr>
</table>

</form>
</body>
</html>











   
   













 

     

   
   
       
         
       
       








       


       
       


      ____________________________________________________________________________________
Veja quais são os assuntos do momento no Yahoo! +Buscados
http://br.maisbuscados.yahoo.com
Free Embeddable Forum Powered by Nabble Help