Как я могу автоматически показывать jquery colorbox на моей странице, когда передается определенная переменная $ _GET? - PullRequest
0 голосов
/ 12 мая 2011

У меня есть jquery colorbox (лайтбокс), который появляется, когда пользователи нажимают кнопку на моей странице.Однако при определенных условиях я хочу, чтобы это цветное окно отображалось без нажатия кнопки пользователем.Например, когда страница загружена и переменная передана в строке запроса, я хочу открыть окно цвета.

Например, следующий код показывает, как, когда пользователь нажимает кнопку регистрации, появляется поле цвета (для страницы с именем example.php)

<p class="signup_button"><a href="#" class="free_signup_link"><img src="images/buttons/sign_up_now.gif" alt="Sign Up Now"></a></p>

<script type="text/javascript">
$('.free_signup_link').colorbox({href:"signup.php?type=5"});
</script>

Что я хочу сделать, еслистраница загружается с переменной в строке запроса, затем автоматически отображается цветное поле (например, например .php? show = 1)

if($_GET['show'] == "1") {
// show the color box 
}

Кто-нибудь знает, как это сделать?

спасибо

Ответы [ 3 ]

2 голосов
/ 12 мая 2011

Это должно сработать, но, вероятно, это считается "грязным".

<?php
if($_GET['show'] == "1") { ?>
    <script type="text/javascript">
        $.colorbox({href:"signup.php?type=5"});
    </script>
<?php } ?>
2 голосов
/ 12 мая 2011

Почему бы просто не использовать jQuery?

function getUrlVars() {
    var vars = [], hash;
    var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&');
    for(var i = 0; i < hashes.length; i++)
    {
        hash = hashes[i].split('=');
        vars.push(hash[0]);
        vars[hash[0]] = hash[1];
    }
    return vars;
}

var show = getUrlVars()["show"];

if(show == 1) {
    $.colorbox({href:"signup.php?type=5"}).click();
}

Ссылка: http://jquery -howto.blogspot.com / 2009/09 / get-url-parameters-values-with-jquery.html

1 голос
/ 12 мая 2011

Как насчет этого?

if($_GET['show'] == "1") {
    echo '
        <script type="text/javascript">
            $.colorbox( ... ); // or whatever that triggers the colorbox
        </script>
    ';
}
...