Interesting Drop in Modal Box

Click on one of the Exhibitors names (No Softpress aren’t there with a big announcement) and see the Modal Box drop in.

Nice effect.

I have looked through the code/scripts (of which there are many on this page) and can’t quite figure it out.

Prize for the first correct answer, on a postcard…

David

http://www.macworldiworld.com/expo-hall/


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Very nice - CSS3 for the animation, looks like the contents are generated
dynamically from the user click to fill a single modal box in the html.


Ernie Simpson

On Sat, Jan 26, 2013 at 12:40 PM, DeltaDave email@hidden wrote:

Click on one of the Exhibitors names (No Softpress aren’t there with a big
announcement) and see the Modal Box drop in.

Nice effect.

I have looked through the code/scripts (of which there are many on this
page) and can’t quite figure it out.

Prize for the first correct answer, on a postcard…

David

http://www.macworldiworld.com/expo-hall/


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Yes - but how?

D :slight_smile:


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

They have an exhibitor code in the TR tag’s ID. They’re using it in a function starting at line 327 of the script.js, which passes it to grab-exhibitor-details.php. The response is parsed into a block of HTML, which is inserted into a modal box created with jQuery UI.

There are MUCH simpler ways to do this.

I’m amused at the levels of indirection going on in this page, also at the fact that they have somehow managed to include both jquery.js and jquery.min.js in the same page, sorta negating the value of the latter in the process.

Walter

On Jan 26, 2013, at 2:31 PM, DeltaDave wrote:

Yes - but how?

D :slight_smile:


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options