используя php и java-скрипт в форме - PullRequest
Новая
       21

используя php и java-скрипт в форме

0 голосов
/ 28 мая 2010

Я немного растерялся. Чего я хочу добиться:

  • моя собственная кнопка
  • изменить onMouseOver и т. Д.
  • сохранить размер
  • отправка информации в код на стороне php сервера

Чего мне не хватает:

  • Пост - я не мог понять, как объединить js & php
  • Размер кнопки - мой код устанавливает размер для исходной кнопки, но после смены ключа он изменяется

Код: 

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

0 голосов
/ 29 мая 2010

Самый простой способ - использовать JQuery. Все, что вы хотите сделать, можно сделать с помощью нескольких простых шагов в JQuery. При наведении курсора мыши на все это и многое другое.

Я влюбился в JQuery ...

0 голосов
/ 29 мая 2010

ОБНОВЛЕНИЕ:

О, конечно .. извините. Ты совершенно прав. Я не знаю, где у меня голова.

Попробуйте что-нибудь еще, удалите эту строку снова 

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

И заменить его на 

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

Просто предложение, почему бы вам не использовать ... 

<input type="button" />

... а затем настроить его в CSS?

EDIT

О размере кнопки, одинаковый ли размер файлов jpeg?

...