Jump to content


Photo

jQuery Updates


  • Please log in to reply
6 replies to this topic

#1 FlyingRagnar

  • Member
  • Sword Slinger

  • 387 posts
  • Gender:Male
  • Location:Ohio
  • Interests:Dragon Quest, Pokemon, Zelda
  • Awards:Awards Image

Posted 19 October 2011 - 06:16 PM

I have started to do some overhauling on the wiki using jquery. The newest version of MediaWiki (1.17) includes jQuery by default.

The first change is to eliminate the Tabber extension we've been using to show data from various games and versions. Check out the Slime article.

http://dragon-quest.org/wiki/Slime

The tabs are still there, but now they are generated by jQuery which should be faster and less likely to cause problems. Right now I have it so that just mousing over a tab will switch them. What do you think? Should I change that back to requiring a click?

Also, the styles can be changed at a later point. I'm hoping to modify all of the show/hide code to use jQuery. I'd also like to be able to embed videos, but without cluttering the page. I'll post any updates in this thread.
  • 0

Visit the Dragon Quest Wiki!

FlyingRagnar's YouTube channel
Dragon Quest: NES SNES GBC
Dragon Quest II: NES
Dragon Quest III: NES SNES
Dragon Quest IV: NES
Dragon Quest V: SNES

Dragon Quest IX: DS


#2 Woodus

  • Admin
  • Dragon Warrior

  • 12,698 posts
  • DQM:J2 FC:4856-9117-4181
  • Gender:Male
  • Location:Iowa, USA
  • Interests:Dragon Warrior, Games, RPGs, RTSs, Golfing, Boating, Web Design ...
  • Tag City:Ankeny
  • Tag State:Iowa
  • Tag Zip:50021
  • Tag Country:USA
  • Awards:Awards Image

Posted 20 October 2011 - 10:05 AM

I don't mind the hover. Looks good.
  • 0

woodus_bar.png skbar1.png
firefox_bar.png linkdir_bar.png
amazon_bar.png astore_bar.png
dq8_talk3.gif ice_on_grass_2x.gif dq73ds_loading_slime.gif


#3 Dwaine

  • Moderators
  • Dauntless Dragovian

  • 7,012 posts
  • Gender:Male
  • Interests:I like pretty dark haired women and breakfast food.
  • Tag City:Conroe Woodlands Spring Magnolia Tomball 1960
  • Tag State:TX
  • Awards:Awards Image

Posted 20 October 2011 - 10:52 AM

That's not bad. The Shrine's new menu also uses jQuery.

Ever been to the jQuery web site? This is my message to whoever designed it.


  • 0

Check out my Plus Alpha Translations interview at DQShrine.com!

Writing an article? Looking for a pic? Let me know! I've got tons of assets and restored artwork that haven't gone live yet. Now there's no excuse for sizing up a low res pic!

Want to 'like' me on Facebook? Go right ahead! I won't stop you. I've also got prints and t-shirts in my store!

I stream personal projects Monday-Friday from 4:30-5 PM CST. DQ/DQ Shrine stuff Tuesdays and Thursdays!


#4 PantheonSasuke

  • Member
  • Metal Master

  • 1,004 posts
  • DQM:J2 FC:4169-7228-4456
  • Gender:Male
  • Location:The fridge
  • Interests:Cheesecake
  • Awards:Awards Image

Posted 20 October 2011 - 01:18 PM

That's spiffy, yo. At first I was afraid that the whole mouse-over thing might cause some unintended selections, but the tabs are large and spaced enough for that to not be an issue unless you're maybe operating at some obscenely massive resolution. Pretty cool.

... and sorry that I haven't been doing much lately to help with the wiki.
  • 0

#5 FlyingRagnar

  • Member
  • Sword Slinger

  • 387 posts
  • Gender:Male
  • Location:Ohio
  • Interests:Dragon Quest, Pokemon, Zelda
  • Awards:Awards Image

Posted 20 October 2011 - 04:29 PM

That's ok Pantheon. I know that you help whenever you can.

I've updated the spoiler sections and any other show/hide code to use jQuery. The spoilers look nice, with a slide in effect. For an example, see:

http://dragon-quest....Dragon_Quest_IX

I tried putting some effects on the navigation bars show/hide, but because it is showing and hiding multiple table rows it just looked clunky.

There are tons of image gallery plugins for jQuery, so maybe I will see if we can use one of those.
  • 0

Visit the Dragon Quest Wiki!

FlyingRagnar's YouTube channel
Dragon Quest: NES SNES GBC
Dragon Quest II: NES
Dragon Quest III: NES SNES
Dragon Quest IV: NES
Dragon Quest V: SNES

Dragon Quest IX: DS


#6 FlyingRagnar

  • Member
  • Sword Slinger

  • 387 posts
  • Gender:Male
  • Location:Ohio
  • Interests:Dragon Quest, Pokemon, Zelda
  • Awards:Awards Image

Posted 20 October 2011 - 10:59 PM

I gotta say that I am always impressed with the designs on the dqshrine.
  • 0

Visit the Dragon Quest Wiki!

FlyingRagnar's YouTube channel
Dragon Quest: NES SNES GBC
Dragon Quest II: NES
Dragon Quest III: NES SNES
Dragon Quest IV: NES
Dragon Quest V: SNES

Dragon Quest IX: DS


#7 FlyingRagnar

  • Member
  • Sword Slinger

  • 387 posts
  • Gender:Male
  • Location:Ohio
  • Interests:Dragon Quest, Pokemon, Zelda
  • Awards:Awards Image

Posted 25 October 2011 - 10:47 PM

Update: I noticed that the show/hide of spoilers was broken in firefox and IE. This has now been fixed...kinda. IE7 and earlier don't support the jQuery button, but I'm not too worried about that since IE7 is pretty much on the way out.
  • 0

Visit the Dragon Quest Wiki!

FlyingRagnar's YouTube channel
Dragon Quest: NES SNES GBC
Dragon Quest II: NES
Dragon Quest III: NES SNES
Dragon Quest IV: NES
Dragon Quest V: SNES

Dragon Quest IX: DS





0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users