ФорумПрограммированиеJavaScript → Вопрос по jquery

Вопрос по jquery

  • Trej Gun

    Сообщения: 5304 Репутация: N Группа: в ухо

    Spritz 23 ноября 2009 г. 9:04, спустя 7 минут 30 секунд

    kamachi,
    качай отсюда
    http://jqueryui.com/download/jquery-ui-1.7.2.custom.zip
    из архива используй файл jquery-ui-1.7.2.custom.min.js всемто всего что ты подключал кроме
    jquery-1.3.2.js и jquery.bgiframe.js
  • kamachi

    Сообщения: 320 Репутация: N Группа: Кто попало

    Spritz 23 ноября 2009 г. 9:10, спустя 6 минут


    сжать весь джаваскрипт и поместить в один файл
    Спустя 54 сек.
    и тормозит скорее всего не загрузка…
    а браузер твой не выгребает столько жаваскрипта..


    дело дрянь, а как еще можно такие окошки сделать? Как http://radmus.net/demo/dialogs-with-jquery/ тут, но только чтобы не тормозило так.
    Спустя 40 сек.

    kamachi,
    качай отсюда
    http://jqueryui.com/download/jquery-ui-1.7.2.custom.zip
    из архива используй файл jquery-ui-1.7.2.custom.min.js всемто всего что ты подключал кроме
    jquery-1.3.2.js и jquery.bgiframe.js

    ааа щас попробую
  • kamachi

    Сообщения: 320 Репутация: N Группа: Кто попало

    Spritz 23 ноября 2009 г. 9:38, спустя 28 минут 50 секунд

    ааа все работает
  • adw0rd

    Сообщения: 22957 Репутация: N Группа: в ухо

    Spritz 23 ноября 2009 г. 10:07, спустя 28 минут 38 секунд

    http://vremenno.net/js/jquery-dialog-and-popup-plugins/
    https://smappi.org/ - платформа по созданию API на все случаи жизни
  • kamachi

    Сообщения: 320 Репутация: N Группа: Кто попало

    Spritz 3 февраля 2010 г. 1:45, спустя 71 день 15 часов 37 минут

    народ, я вот тут не могу догнать

    вот использую я окошко модальное

    <!doctype html>
    <html lang="en">
    <head>
    <title>jQuery UI Dialog - Modal message</title>
    <link type="text/css" href="theme/ui.all.css" rel="stylesheet" />
    <script type="text/javascript" src="jquery-1.3.2.js"></script>
    <script type="text/javascript" src="ui/ui.core.js"></script>
    <script type="text/javascript" src="ui/ui.draggable.js"></script>
    <script type="text/javascript" src="ui/ui.resizable.js"></script>
    <script type="text/javascript" src="ui/ui.dialog.js"></script>
    <script type="text/javascript" src="external/bgiframe/jquery.bgiframe.js"></script>
    <script type="text/javascript">
    $(function() {
    $("#dialog").dialog({
    bgiframe: true,
    modal: true,
    buttons: {
    Ok: function() {
    $(this).dialog('close');
    }
    }
    });
    });
    </script>
    </head>
    <body>

    <div class="demo">

    <div id="dialog" title="Download complete">
    <p>
    <span class="ui-icon ui-icon-circle-check" style="float:left; margin:0 7px 50px 0;"></span>
    Your files have downloaded successfully into the My Downloads folder.
    </p>
    <p>
    Currently using <b>36% of your storage space</b>.
    </p>
    </div>

    <!– Sample page content to illustrate the layering of the dialog –>
    <div class="hiddenInViewSource" style="padding:20px;">
    <p>Sed vel diam id libero <a href="http://example.com">rutrum convallis</a>. Donec aliquet leo vel magna. Phasellus rhoncus faucibus ante. Etiam bibendum, enim faucibus aliquet rhoncus, arcu felis ultricies neque, sit amet auctor elit eros a lectus.</p>
    <form>
    <input value="text input" /><br />
    <input type="checkbox" />checkbox<br />
    <input type="radio" />radio<br />
    <select>
    <option>select</option>
    </select><br /><br />
    <textarea>textarea</textarea><br />
    </form>
    </div><!– End sample page content –>

    </div><!– End demo –>

    <div class="demo-description">

    <p>Use a modal dialog to explicitly acknowledge information or an action before continuing their work. Set the <code>modal</code> option to true, and specify a primary action (Ok) with the <code>buttons</code> option.</p>

    </div><!– End demo-description –>

    </body>
    </html>



    я щ
  • kamachi

    Сообщения: 320 Репутация: N Группа: Кто попало

    Spritz 3 февраля 2010 г. 1:50, спустя 5 минут 6 секунд

    как сделать чтобы при нажатии на ок перекидывало на другую страницу…








    <!doctype html>
    <html lang="en">
    <head>
    <title>jQuery UI Dialog - Modal message</title>
    <link type="text/css" href="theme/ui.all.css" rel="stylesheet" />
    <script type="text/javascript" src="jquery-1.3.2.js"></script>
    <script type="text/javascript" src="ui/ui.core.js"></script>
    <script type="text/javascript" src="ui/ui.draggable.js"></script>
    <script type="text/javascript" src="ui/ui.resizable.js"></script>
    <script type="text/javascript" src="ui/ui.dialog.js"></script>
    <script type="text/javascript" src="external/bgiframe/jquery.bgiframe.js"></script>
    <script type="text/javascript">
    $(function() {
    $("#dialog").dialog({
    bgiframe: true,
    modal: true,
    buttons: {
    Ok: function() {
    $(this).dialog('close');
    }
    }
    });
    });
    </script>
    </head>
    <body>

    <div class="demo">

    <div id="dialog" title="Download complete">
    <p>
    <span class="ui-icon ui-icon-circle-check" style="float:left; margin:0 7px 50px 0;"></span>
    Your files have downloaded successfully into the My Downloads folder.
    </p>
    <p>
    Currently using <b>36% of your storage space</b>.
    </p>
    </div>

    <!– Sample page content to illustrate the layering of the dialog –>
    <div class="hiddenInViewSource" style="padding:20px;">
    <p>Sed vel diam id libero <a href="http://example.com">rutrum convallis</a>. Donec aliquet leo vel magna. Phasellus rhoncus faucibus ante. Etiam bibendum, enim faucibus aliquet rhoncus, arcu felis ultricies neque, sit amet auctor elit eros a lectus.</p>
    <form>
    <input value="text input" /><br />
    <input type="checkbox" />checkbox<br />
    <input type="radio" />radio<br />
    <select>
    <option>select</option>
    </select><br /><br />
    <textarea>textarea</textarea><br />
    </form>
    </div><!– End sample page content –>

    </div><!– End demo –>

    <div class="demo-description">

    <p>Use a modal dialog to explicitly acknowledge information or an action before continuing their work.  Set the <code>modal</code> option to true, and specify a primary action (Ok) with the <code>buttons</code> option.</p>

    </div><!– End demo-description –>

    </body>
    </html>



  • mario

    Сообщения: 6067 Репутация: N Группа: Джедаи

    Spritz 3 февраля 2010 г. 1:51, спустя 1 минуту 23 секунды

    Ok: function() {
    $(this).dialog('close');

    я думаю вот тут надо менять :)
  • kamachi

    Сообщения: 320 Репутация: N Группа: Кто попало

    Spritz 3 февраля 2010 г. 1:55, спустя 4 минуты 5 секунд


    Ok: function() {
    $(this).dialog('close');

    я думаю вот тут надо менять :)


    на что менять??
    ну или есть такая форма регистрации, куда она данны кидает… как вообсче вся эта байда с php взаимодействует??

    <!doctype html>
    <html lang="en">
    <head>
    <title>jQuery UI Dialog - Modal form</title>
    <link type="text/css" href="theme/ui.all.css" rel="stylesheet" />
    <script type="text/javascript" src="jquery-1.3.2.js"></script>
    <script type="text/javascript" src="ui/ui.core.js"></script>
    <script type="text/javascript" src="ui/ui.draggable.js"></script>
    <script type="text/javascript" src="ui/ui.resizable.js"></script>
    <script type="text/javascript" src="ui/ui.dialog.js"></script>
    <script type="text/javascript" src="ui/effects.core.js"></script>
    <script type="text/javascript" src="ui/effects.highlight.js"></script>
    <script type="text/javascript" src="external/bgiframe/jquery.bgiframe.js"></script>
    <style type="text/css">
    body { font-size: 62.5%; }
    label, input { display:block; }
    input.text { margin-bottom:12px; width:95%; padding: .4em; }
    fieldset { padding:0; border:0; margin-top:25px; }
    h1 { font-size: 1.2em; margin: .6em 0; }
    div#users-contain { width: 350px; margin: 20px 0; }
    div#users-contain table { margin: 1em 0; border-collapse: collapse; width: 100%; }
    div#users-contain table td, div#users-contain table th { border: 1px solid #eee; padding: .6em 10px; text-align: left; }
    .ui-button { outline: 0; margin:0; padding: .4em 1em .5em; text-decoration:none; !important; cursor:pointer; position: relative; text-align: center; }
    .ui-dialog .ui-state-highlight, .ui-dialog .ui-state-error { padding: .3em; }


    </style>
    <script type="text/javascript">
    $(function() {

    var name = $("#name"),
    email = $("#email"),
    password = $("#password"),
    allFields = $([]).add(name).add(email).add(password),
    tips = $("#validateTips");

    function updateTips(t) {
    tips.text(t).effect("highlight",{},1500);
    }

    function checkLength(o,n,min,max) {

    if ( o.val().length > max || o.val().length < min ) {
    o.addClass('ui-state-error');
    updateTips("Length of " + n + " must be between "+min+" and "+max+".");
    return false;
    } else {
    return true;
    }

    }

    function checkRegexp(o,regexp,n) {

    if ( !( regexp.test( o.val() ) ) ) {
    o.addClass('ui-state-error');
    updateTips(n);
    return false;
    } else {
    return true;
    }

    }

    $("#dialog").dialog({
    bgiframe: true,
    autoOpen: false,
    height: 300,
    modal: true,
    buttons: {
    'Create an account': function() {
    var bValid = true;
    allFields.removeClass('ui-state-error');

    bValid = bValid && checkLength(name,"username",3,16);
    bValid = bValid && checkLength(email,"email",6,80);
    bValid = bValid && checkLength(password,"password",5,16);

    bValid = bValid && checkRegexp(name,/^[a-z]([0-9a-z_])+$/i,"Username may consist of a-z, 0-9, underscores, begin with a letter.");
    // From jquery.validate.js (by joern), contributed by Scott Gonzalez: http://projects.scottsplayground.com/email_address_validation/
    bValid = bValid && checkRegexp(email,/^((([a-z]|\d|[!#\$%&'\*\+\-\/=\?\^_`{\|}~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+(\.([a-z]|\d|[!#\$%&'\*\+\-\/=\?\^_`{\|}~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+)*)|((\x22)((((\x20|\x09)*(\x0d\x0a))?(\x20|\x09)+)?(([\x01-\x08\x0b\x0c\x0e-\x1f\x7f]|\x21|[\x23-\x5b]|[\x5d-\x7e]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(\\([\x01-\x09\x0b\x0c\x0d-\x7f]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]))))*(((\x20|\x09)*(\x0d\x0a))?(\x20|\x09)+)?(\x22)))@((([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.)+(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.?$/i,"eg. [email protected]");
    bValid = bValid && checkRegexp(password,/^([0-9a-zA-Z])+$/,"Password field only allow : a-z 0-9");

    if (bValid) {
    $('#users tbody').append('<tr>' +
    '<td>' + name.val() + '</td>' +
    '<td>' + email.val() + '</td>' +
    '<td>' + password.val() + '</td>' +
    '</tr>');
    $(this).dialog('close');
    }
    },
    Cancel: function() {
    $(this).dialog('close');
    }
    },
    close: function() {
    allFields.val('').removeClass('ui-state-error');
    }
    });



    $('#create-user').click(function() {
    $('#dialog').dialog('open');
    })
    .hover(
    function(){
    $(this).addClass("ui-state-hover");
    },
    function(){
    $(this).removeClass("ui-state-hover");
    }
    ).mousedown(function(){
    $(this).addClass("ui-state-active");
    })
    .mouseup(function(){
    $(this).removeClass("ui-state-active");
    });

    });
    </script>
    </head>
    <body>

    <div class="demo">

    <div id="dialog" title="Create new user">
    <p id="validateTips">All form fields are required.</p>

    <form>
    <fieldset>
    <label for="name">Name</label>
    <input type="text" name="name" id="name" class="text ui-widget-content ui-corner-all" />
    <label for="email">Email</label>
    <input type="text" name="email" id="email" value="" class="text ui-widget-content ui-corner-all" />
    <label for="password">Password</label>
    <input type="password" name="password" id="password" value="" class="text ui-widget-content ui-corner-all" />
    </fieldset>
    </form>
    </div>


    <div id="users-contain" class="ui-widget">

    <h1>Existing Users:</h1>


    <table id="users" class="ui-widget ui-widget-content">
    <thead>
    <tr class="ui-widget-header ">
    <th>Name</th>
    <th>Email</th>
    <th>Password</th>
    </tr>
    </thead>
    <tbody>
    <tr>
    <td>John Doe</td>
    <td>[email protected]</td>
    <td>johndoe1</td>
    </tr>
    </tbody>
    </table>
    </div>
    <button id="create-user" class="ui-button ui-state-default ui-corner-all">Create new user</button>

    </div><!– End demo –>

    <div class="demo-description">

    <p>Use a modal dialog to require that the user enter data during a multi-step process. Embed form markup in the content area, set the <code>modal</code> option to true, and specify primary and secondary user actions with the <code>buttons</code> option.</p>

    </div><!– End demo-description –>

    </body>
    </html>
  • mario

    Сообщения: 6067 Репутация: N Группа: Джедаи

    Spritz 3 февраля 2010 г. 2:03, спустя 7 минут 33 секунды

    kamachi,
    Раз
    Два
    Три
    Думаю станет понятно…
    а вот еще Четыре
    Спустя 57 сек.

    ну или есть такая форма регистрации, куда она данны кидает… как вообсче вся эта байда с php взаимодействует??

    аналогично, подумай сам…

    Ok: function() {
                       $(this).dialog('close');

    я думаю вот тут надо менять :)
  • adw0rd

    Сообщения: 22957 Репутация: N Группа: в ухо

    Spritz 3 февраля 2010 г. 2:15, спустя 11 минут 39 секунд


    Ok: function() {
    location.href="/path/to/other/page/"
    }
    https://smappi.org/ - платформа по созданию API на все случаи жизни
  • kamachi

    Сообщения: 320 Репутация: N Группа: Кто попало

    Spritz 3 февраля 2010 г. 2:27, спустя 12 минут 26 секунд



    Ok: function() {
    location.href="/path/to/other/page/"
    }



    а вот если такое окно

    <script>{literal}$.prompt('Example 2',{ buttons: { Ok: true, Cancel: false } }) ;{/literal}</script>

    как сделать чтобы когда нажимаю ок меня пеерекидывало куда нужно?? В ja нет if??

    if Ok=true
    window.location.href = "url"

    вот как такое организовать… чувствую придется js учит((((
  • adw0rd

    Сообщения: 22957 Репутация: N Группа: в ухо

    Spritz 3 февраля 2010 г. 2:33, спустя 5 минут 41 секунду

    Я не смотрел кода, но думаю что на Ok вешается обработчик события, в вашем случае это

    function() {
    location.href="/path/to/other/page/"
    }


    Поэтому не понимаю в чем проблема?
    При нажатии на кнопку вас должно перебросить на нужную вам пейджу.

    Спустя 66 сек.
    В js конечно есть if:

    if(var1 == true) {
    console.log('true')
    } else {
    console.log('false')
    }
    https://smappi.org/ - платформа по созданию API на все случаи жизни
  • kamachi

    Сообщения: 320 Репутация: N Группа: Кто попало

    Spritz 3 февраля 2010 г. 4:37, спустя 2 часа 3 минуты 48 секунд

    чета них не получается у меня с этим Я квери
  • Trej Gun

    Сообщения: 5304 Репутация: N Группа: в ухо

    Spritz 3 февраля 2010 г. 4:46, спустя 9 минут 42 секунды

    adw0rd все правильно говорит
  • kamachi

    Сообщения: 320 Репутация: N Группа: Кто попало

    Spritz 3 февраля 2010 г. 4:59, спустя 13 минут 2 секунды

    вот что я имею

    // Dialog			
    $('#dialog').dialog({
    autoOpen: false,
    width: 600,
    buttons: {
    "Ok": function() {
    $(this).dialog("close");
    },
    "Cancel": function() {
    $(this).dialog("close");
    }
    }
    });

    // Dialog Link
    $('#dialog_link').click(function(){
    $('#dialog').dialog('open');
    return false;
    });




    вот тут при нажатии на

    <p><a href="#" id="dialog_link" class="ui-state-default ui-corner-all"><span class="ui-icon ui-icon-newwin"></span>Open Dialog</a></p>


    открывается окно с кнопками cancel и ok

    <div id="dialog" title="Dialog Title">
    <p>Lorem ipsum dolor si minim veniam, quis ncommodo consequat.</p>
    </div>




    __________________________________


    а мне нужно чтобы данное окно открывалось если данные введенные пользователем верные!
    на php примерно такой сценарий

    if(true)
    {
    окно открывается;
    } else {
    окно не открывается;
    }



    и мне нужно чтобы при нажатии на ok меня перекидывало на файл
    user.php




    я пробовал так

    "Ok": function() { 
    $(this).dialog("close");
    window.location,href = "user.php";





    а как запускать событие без


    <p><a href="#" id="dialog_link" class="ui-state-default ui-corner-all"><span class="ui-icon ui-icon-newwin"></span>Open Dialog</a></p>
    вообсче не могу догнать… мне точно придется учить js )))

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