2010-05-28 3 views
0

Je suis un peu perdu. Ce que je veux réaliser est:en utilisant le script PHP et Java dans un formulaire

  • mon propre bouton personnalisé
  • changement onMouseOver etc »
  • garder sa taille
  • afficher l'information à un code côté serveur php

Qu'est-ce que Je suis manquant est:

  • Le post - je ne pouvais pas comprendre comment combiner js & php
  • La taille du bouton - mon code définit une taille pour le bouton d'origine, mais après le renversement, il change

Le code:

<html> 
<head> 
</head> 
<body> 

    <script> 
     function form_on_click(frm) 
     { 
      document.buttonMore.src='bottom_more_click.JPG'; 
      frm.submit(); 
     } 
    </script> 

    <div style="position: absolute; left: 120px; top: 90px; background-image: url(myBackgroundPicture.jpg); 
    background-repeat:no-repeat; width: 800px; height: 280px; padding: 15px;"> 

     <form method="post" action="<?php echo $_SERVER['PHP_SELF']; ?>">    
      <input type="text" name="whatever" size= "55" height="100" lang="en" dir="ltr" style="margin-top: 188px; margin-left: 95px; height: 20px; background-color: transparent; border:none; 
      color: #FFFFFF; font-family: Verdana; font-weight: none; font-size: 18px;"> 

      <a onmouseover="document.buttonMore.src='bottom_more_hover.JPG'" 
      onmouseout="document.buttonMore.src='bottom_more_reg.JPG'" 
      onmousedown= "form_on_click(this.form) this.form.submit()" 
      onmouseup="document.buttonMore.src='bottom_more_hover.JPG'"> 

      <img src="bottom_more_reg.jpg" name="buttonMore" height="30" width="173" border="0" alt="MORE!" style="margin-bottom:-10px; margin-left: 15px; height: 30px; width: 100px;"> 


      </a> 
     </form> 


    </div> 

</body> 

Répondre

0

mise à jour:

Oh, bien sûr ... excusez-moi. Vous avez tout à fait raison. Je ne sais pas où j'ai ma tête.

Essayez quelque chose d'autre, supprimez cette ligne à nouveau

onmousedown= "form_on_click(this.form) this.form.submit()" 

et de le remplacer par

href="javascript:form_on_click(this.form);" 

Juste une suggestion, pourquoi utilisez-vous pas ...

<input type="button" /> 

... et ensuite le personnaliser en CSS?

EDIT

A propos de la taille du bouton, sont les fichiers jpeg de taille égale?

+0

Qu'est-ce que tu veux dire? Si ce n'est pas le bouton d'envoi par défaut, c'est le mien, le clic ne fait rien. même si je fais la remarque comme tu l'as fait ... – AYBABTU

0

La méthode la plus simple serait d'utiliser JQuery. Tout ce que vous voulez faire peut être fait avec seulement quelques étapes simples dans JQuery. Le mouseover/out soumettre tout cela et des tonnes de plus. Je suis tombé amoureux de JQuery ...

Questions connexes