Skip to content
View in the app

A better way to browse. Learn more.

Tip.It Forum

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

Javascript - Text boxes.

Featured Replies

Hi,

 

 

 

What is the code for HTML which i can use to allow users to click on a section of text and it will expand via a text box to display more information about the link they've clicked on.

 

 

 

The image version is like what they use on this page: http://www.jagex.com/corporate/Press/imageAssets.ws. Where you click on the images, and they expand. I would like to use this feature but only so that instead of images, its text.

 

 

 

 

 

Thanks

imanwinner1.png

That looks like just basic html to me. There are thumbnails of the images which link to the full image.

 

To do the same with text you have to main options;

 

1. Show part of the text and link to a page with the full text.

 

2. Create a image with text then set it up so a thumbnail directs to the full image.

[hide=Drops]

  • Dragon Axe x11
    Berserker Ring x9
    Warrior Ring x8
    Seercull
    Dragon Med
    Dragon Boots x4 - all less then 30 kc
    Godsword Shard (bandos)
    Granite Maul x 3

Solo only - doesn't include barrows[/hide][hide=Stats]

joe_da_studd.png[/hide]

Yep, that Jagex site is simply links to different web pages, They could have done it using an Ajax script to load the info into a DIV, but there's so little else on that page there's no point!

Not too sure what you're asking, since the answers already given make it seem like you're talking about something else :/

 

Anyway, that script for the images where they expand with the effects is called LIghtbox. It's not designed to work with inline content, but there are several alternatives that do. For further reading see: Modalbox, Thickbox, or The lightbox effect without lightbox.

I would also look into the jQuery library, that normally helps me out ;)

Create an account or sign in to comment

Important Information

By using this site, you agree to our Terms of Use.

Account

Navigation

Search

Search

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.