Замените всплывающее окно с предупреждением JavaScript надписью - PullRequest
Новая
       19

Замените всплывающее окно с предупреждением JavaScript надписью

1 голос
/ 29 февраля 2012

Я хочу заменить стандартное всплывающее окно с предупреждением JavaScript причудливым ... Вот код, который у меня сейчас есть: 

<script type="text/javascript">

        $(document).ready(function() {
            /*
            *   Examples - various
            */

            $("#various1").fancybox({
                'titlePosition'     : 'inside',
                'transitionIn'      : 'none',
                'transitionOut'     : 'none'
            });

        });
    </script>

Ниже приведен код JavaScript, используемый для оповещения ... 

    <script language="Javascript1.2">
<!--
var message = "Print this Page";

function printpage() {
window.print();  
}
function validateForm()
{
var x=document.forms["zipform"]["Zip"].value;
if (x>97999)
  {
  alert("#inline1");
  return false;
  }
}
//-->
</script>

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

<form name="zipform" onsubmit="return validateForm()" language="JavaScript" method="POST" action="#">
              Enter Your Zip Code <input type="text" name="Zip" size="5" maxlength="5">
              <input type="submit" value="Start">
            </form>

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

<div id="content">
  <p><a id="various1" href="#inline1" title="Lorem ipsum dolor sit amet">Inline</a></p>
    <div style="display: none;">
        <div id="inline1" style="width:400px;height:100px;overflow:auto; ">
            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam quis mi eu elit tempor facilisis id et neque.</div></div></div>

Я нашел эту ссылку Показывать содержимое с помощью fancybox, например, Javascript Alert , но оно действительно не отвечает на мой вопрос. Я не хочу кликабельную ссылку; Я хочу, чтобы div fancybox появлялся при появлении предупреждения JavaScript.

Ответы [ 2 ]

1 голос
/ 01 марта 2012

Для этого есть ручное использование - $.fancybox("#inline1");

1 голос
/ 29 февраля 2012

Я думаю, что окно, прикрепленное к предупреждению, не может быть изменено, поскольку это системный объект, и поэтому CSS ничего не может там сделать.

Так что лучше всего было бы создать элемент HTML, который бы издевался над окном оповещения, и стилизовать его так, как вы хотите ... Я, например, обычно так и делаю: http://jqueryui.com/demos/dialog/

...