bir form php ve java script kullanarak

2 Cevap php

Ben kaybettim biraz duyuyorum. Ne elde etmek istiyorum:

  • Benim kendi özel düğme
  • 'onmouseover vb değiştirmek
  • Bu boyutu tutmak
  • bir php sunucu tarafı kodu bilgileri yayınlayacağız

What I'm missing is:

  • Mesajı - Ben js & birleştirmek için nasıl çözemedim php
  • Düğme boyu - kodumu orijinal düğmesi için bir boyutunu ayarlar ama rollover sonra değiştirir

The 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>

2 Cevap

UPDATED:

Oh emin olun .. afedersiniz. Tamamen haklısın. Kafamı var nerede bilmiyorum.

Başka bir şey dene, yine bu satırı kaldırın

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

Ve bunu değiştirin

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

Sadece bir öneri, neden bir kullanımı yoktur ...

<input type="button" />

... Ve sonra CSS özelleştirmek?

EDIT

Düğmesinin boyutu hakkında, bu dosya jpeg eşit büyüklükte?

En kolay yolu JQuery kullanmak olacaktır. Yapmak istediğiniz ne tüm JQuery sadece birkaç basit adımda yapılabilir. Mouseover / out hepsi ve ton daha gönderin.

Ben JQuery aşık ...

etiketler