Make Reveal modal opening on load page

Status: Closed
Prize: $40
Entries Received: 9
Winner: jagdishidhate

Winner

Contest Brief

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/

Recommended Skills

JavaScript

Winner

Post a Contest Like This

Public Clarification Board

Contest Holder
- 9 years ago
This is exactely what I want to do: http://codepen.io/winghouchan/pen/AbrsJ/
- 9 years ago
1. neert
  - 9 years ago
  I have Submitted sample code and a image which shows working example
  - 9 years ago
borayeris
- 9 years ago
Can you describe redirect? Redirect to another page?
- 9 years ago
simusek
- 9 years ago
$(document).find("a[data-reveal-id]").click();
- 9 years ago
simusek
- 9 years ago
thats all
- 9 years ago
simusek
- 9 years ago
if you will fix this. Add to end of page script or on onload $(document).ready(function(){$(document).find("a[data-reveal-id]").click()});
- 9 years ago
simusek
- 9 years ago
plase PM me couse in very slowly kind of communication
- 9 years ago
simusek
- 9 years ago
jquery is not loading on main page...
- 9 years ago
simusek
- 9 years ago
"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"
- 9 years ago
simusek
- 9 years ago
Another note on main page debuger says:
- 9 years ago
simusek
- 9 years ago
Jquery reveal using variable jQuery not $. Script jquery.reveal.js line 159
- 9 years ago
simusek
- 9 years ago
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 = $;
- 9 years ago
simusek
- 9 years ago
$(document).find("header").find(".reveal-modal").addClass("open");
setTimeout(function(){window.location.assign("http://google.pl"),6000});
- 9 years ago
View 1 more message
1. simusek
  - 9 years ago
  Hello, please show this attribute
  - 9 years ago
2. simusek
  - 9 years ago
  ... link after header...
  - 9 years ago
simusek
- 9 years ago
$(document).find("header").find("a").first().click(); setTimeout(function(){window.location.assign("http://google.pl"),6000});
- 9 years ago
simusek
- 9 years ago
Or maybe
- 9 years ago
mohamedgb00714
- 9 years ago
yes i can do that for you
- 9 years ago
1. Contest Holder
  - 9 years ago
  Did you see that I alreadu try with the exact code but that doesn't work so probably need to debug,
  - 9 years ago