Forum PHP.pl > [AJAX]Jak przerobić funkcję zamiast click na load

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [AJAX]Jak przerobić funkcję zamiast click na load

cent4

30.01.2012, 13:32:33

Jest skrypt: wyświetlający alert po przyciśnięciu przycisku:
http://thefinishedbox.com/files/freebies/alertbox/index.html
Chodzi mi o to, że skrypt z pytaniem ładuje się po kliknięciu, a chciałbym, żeby ładował się automatycznie - żeby ominąć przyciskanie przycisku.
Jak to zrobić?

index.html

[HTML] pobierz, plaintext 
<script>
        $(function() {
            $('#clickMe').alertBox({
                href: 'success.php'
                // You must add a 
                // href page (success)
            });
        });
    </script>
 
</head>
<body>
    <div id="container">
        <div id="main" role="main">
            <a href="#" id="clickMe">Click Me</a>
 
        </div>
 
    </div>
 
</body>
[HTML] pobierz, plaintext

alert.html:

[HTML] pobierz, plaintext 
<div id="alert">
    <p>Are you sure you want to continue?</p>
    <a href="#" class="alertButton" id="yes"><span>Tak</span></a>
    <a href="#" class="alertButton" id="no"><span>Nie</span></a>
</div>
[HTML] pobierz, plaintext

alert.js:

[HTML] pobierz, plaintext 
(function($){
 
    $.fn.extend({ 
 
        alertBox: function(settings) {
 
            var defaults = {
                href: null
            };
 
            var settings = $.extend(defaults, settings);
 
            return this.each(function() {
 
                var s = settings;
                var load = 'alert.php'; 
 
                $(this).click(function(e) {
.
.
.
[HTML] pobierz, plaintext

darko

30.01.2012, 18:21:27

W odpowiednim miejscu dodaj:

[JAVASCRIPT] pobierz, plaintext 
<script type="text/javascript">
$(document).ready(function() {
  $('#clickMe').alertBox({
         href: 'success.html'
            // You must add a 
            // href page (success)
  });
});
</script>
[JAVASCRIPT] pobierz, plaintext

// edit dodałem tag bbcode

cent4

31.01.2012, 07:57:53

Zamieniłem i wstawiłem zamiast:

[HTML] pobierz, plaintext 
<script>
        $(function() {
            $('#clickMe').alertBox({
                href: 'success.php'
                // You must add a 
                // href page (success)
            });
        });
    </script>
[HTML] pobierz, plaintext

Ale niestety nie startuje przyciemniony alert na starcie.

nospor

31.01.2012, 08:12:53

Przecież to jest dokładnie to samo co miałeś..... głuchy słucha ślepego

Ponieważ cud klasa, której używasz, nie pozwala na ręczne wywołanie okienka, musisz spróbować zasymulować kliknięcie w przycisk

Kod

$(function() {
            $('#clickMe').alertBox({
                href: 'success.php'
                // You must add a
                // href page (success)
            });
// O TU
$('#clickMe').click(); //może zadziała
        });

ps: problem z AJAX nie ma żadnego związku... jakżeś na to wpadł? Nie odróżniasz js od ajax?

cent4

31.01.2012, 08:43:10

nospor dzięki

[HTML] pobierz, plaintext 
$('#clickMe').click();
[HTML] pobierz, plaintext

działa :-)

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.