Make Reveal modal opening on load page

  • Durum: Closed
  • Ödül: $40
  • Alınan Girdiler: 9
  • Kazanan: jagdishidhate

Yarışma Özeti

I need to make this reveal modal open on page load.

Look at the link "Click here for a modal" (top left) to open the modale on this page:
http://exotik.service-station.ca/carte-postale/?lang=en

And if possible have a automatic redirect after 6sec.

this is exactely what I want to do: http://codepen.io/winghouchan/pen/AbrsJ/

Aranan Beceriler

Bu yarışmadan başlıca girdiler

Daha Fazla Girdi Görüntüleyin

Genel Açıklama Panosu

  • stefblanchard
    Yarışma Sahibi
    • 7 yıl önce

    This is exactely what I want to do: http://codepen.io/winghouchan/pen/AbrsJ/

    • 7 yıl önce
    1. neert
      neert
      • 7 yıl önce

      I have Submitted sample code and a image which shows working example

      • 7 yıl önce
  • borayeris
    borayeris
    • 7 yıl önce

    Can you describe redirect? Redirect to another page?

    • 7 yıl önce
  • simusek
    simusek
    • 7 yıl önce

    $(document).find("a[data-reveal-id]").click();

    • 7 yıl önce
  • simusek
    simusek
    • 7 yıl önce

    thats all

    • 7 yıl önce
  • simusek
    simusek
    • 7 yıl önce

    if you will fix this. Add to end of page script or on onload $(document).ready(function(){$(document).find("a[data-reveal-id]").click()});

    • 7 yıl önce
  • simusek
    simusek
    • 7 yıl önce

    plase PM me couse in very slowly kind of communication

    • 7 yıl önce
  • simusek
    simusek
    • 7 yıl önce

    jquery is not loading on main page...

    • 7 yıl önce
  • simusek
    simusek
    • 7 yıl önce

    "NetworkError: 400 Bad Request - http://fonts.googleapis.com/css?family&ver=4.1"
    css?fam...ver=4.1
    "NetworkError: 404 Not Found - http://exotik.service-station.ca/wp-content/themes/required-starter/javascripts/jquery.min.js"
    jquery.min.js
    "NetworkError: 404 Not Found - http://exotik.service-station.ca/wp-content/themes/required-starter/stylesheetsreveal.css"

    • 7 yıl önce
  • simusek
    simusek
    • 7 yıl önce

    Another note on main page debuger says:

    • 7 yıl önce
  • simusek
    simusek
    • 7 yıl önce

    Jquery reveal using variable jQuery not $. Script jquery.reveal.js line 159

    • 7 yıl önce
  • simusek
    simusek
    • 7 yıl önce

    You have other problem with loading scripts on main page. This what I send you worked on subpage http://exotik.service-station.ca/carte-postale/?lang=en, not work in main page http://exotik.service-station.ca. Add to your scripts: jQuery = $;

    • 7 yıl önce
  • simusek
    simusek
    • 7 yıl önce

    $(document).find("header").find(".reveal-modal").addClass("open");
    setTimeout(function(){window.location.assign("http://google.pl"),6000});

    • 7 yıl önce
    1. simusek
      simusek
      • 7 yıl önce

      Hello, please show this attribute

      • 7 yıl önce
    2. simusek
      simusek
      • 7 yıl önce

      ... link after header...

      • 7 yıl önce
  • simusek
    simusek
    • 7 yıl önce

    $(document).find("header").find("a").first().click(); setTimeout(function(){window.location.assign("http://google.pl"),6000});

    • 7 yıl önce
  • simusek
    simusek
    • 7 yıl önce

    Or maybe

    • 7 yıl önce
  • mohamedgb00714
    mohamedgb00714
    • 7 yıl önce

    yes i can do that for you

    • 7 yıl önce
    1. stefblanchard
      Yarışma Sahibi
      • 7 yıl önce

      Did you see that I alreadu try with the exact code but that doesn't work so probably need to debug,

      • 7 yıl önce

Daha fazla yorum göster

Yarışmalara nasıl başlanır

  • Projenizi ilan edin

    Yarışmanızı İlan Edin Hızlı ve kolay

  • Tonlarca girdi alın

    Tonlarca Girdi Alın Bütün dünyadan

  • En iyi girdiyi seçin

    En iyi girdiyi seçin Dosyaları indirin - Kolay!

Şimdi bir Yarışma İlan Et ya da Bugün Bize Katılın!