Всплывающий элемент хелп

FLaShiQQ · June 16, 2013

Доброго времени суток.

Делал форму обратной связи. Написал эту форму, написал "скрипт" который при нажатие на кнопку будет ее выводить по верх всех окон с затемненным фоном..

Но при нажатие на кнопку не чего не происходит.

HTML код



<body>

<button id="call">Кликермен</button>

<div id="hover"></div>
<div id="popup">

<form action="mail.php" method="post" name="form_com">

<p class="names"><label>Ваше имя:</br> </label><input name="author" type="text"
size="40" maxlength="30" class="nameform"></p>
<p class="names"><label>Ваш номер телефона:</br> </label><input name="phone" type="text"
size="40" maxlength="30" class="nameform"></p>

<p class='buttons'><input name="sub_com" type="submit" value="Перезвонить Вам!" class="but"></p>

</form>

</div>



</body>

CSS




* {
padding:0;
margin:0;
position:relative;
}
#call {
width:228px;
height:200px;
}
#popup {

border:1px solid #cccccc;
Width:325px;
height:215px;
background:#f6f6f6;
position:absolute;
z-index:999;
margin-left:-162px;
margin-top:-107px;
left:50%;
top:50%;
}
#hover {

width:100%;
height:100%;
background:rgba(0,0,0,0.4);
position:absolute;
top:0;
left:0;
z-index:998;
}
.but {width:200px;height:50px;}
.buttons {text-align:center;}
.names {margin:20px;}
.nameform {Width:275px;}

</body>

JS


$(document).ready(function(){
$("#call").click(function (){
$("#popup").css("display","block");
$("#hover").css("display","block");
});
});

Как-то так это должно выглядеть - http://gyazo.com/b43...f0eb4391277fb5a

Думаю ошибка где-то в JS, но ее вроде как бы и нет.... Что я не так делаю?

Edited June 16, 2013 by FLaShiQQ

klierik · June 16, 2013

Оформи, пожалуйста, тему соответствующе: Как правильно оформить вопрос/проблему

FLaShiQQ · June 16, 2013

Оформи, пожалуйста, тему соответствующе: Как правильно оформить вопрос/проблему

готово

klierik · June 16, 2013

http://jsfiddle.net/Y9gZH/1/

ps: ну вот попросили же оформить по-человечески. ты думаешь мне тут твой код вообще прочитать можно. в голове восстановить всю конструкцию которую ты написал?

вот сейчас я тебе скину код ты же его фиг прочитаешь.

у тебя тут и стили, и разметка и скрипт. ты сам в голове способен это связать и запустить? уверен что нет.

пользуйся, пожалуйста, в таких ситуациях соответствующими сервисами что бы люди могли хотя бы запустить и вживую увидеть твою проблему.

FLaShiQQ · June 16, 2013

http://jsfiddle.net/Y9gZH/1/
ps: ну вот попросили же оформить по-человечески. ты думаешь мне тут твой код вообще прочитать можно. в голове восстановить всю конструкцию которую ты написал?
вот сейчас я тебе скину код ты же его фиг прочитаешь.
у тебя тут и стили, и разметка и скрипт. ты сам в голове способен это связать и запустить? уверен что нет.
пользуйся, пожалуйста, в таких ситуациях соответствующими сервисами что бы люди могли хотя бы запустить и вживую увидеть твою проблему.

Хорошо спасибо

klierik · June 16, 2013

а задача то решена? ты этого добивался?

FLaShiQQ · June 16, 2013

а задача то решена? ты этого добивался?

Да

Sign In

Всплывающий элемент хелп

Question

FLaShiQQ

Link to comment

Share on other sites

6 answers to this question

Recommended Posts

klierik

Link to comment

Share on other sites

FLaShiQQ

Link to comment

Share on other sites

klierik

Link to comment

Share on other sites

FLaShiQQ

Link to comment

Share on other sites

klierik

Link to comment

Share on other sites

FLaShiQQ

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information