Infobox-sample2

Infobox (A simple Javascript/Css based tooltip)

Sample1 Sample1 | Sample2 Sample2 | Sample3 Sample3
(from wikitext and css)
|
Sample4 Sample4
(pagelist with infobox properties, using complex template)
|
Sample5 Sample5
pagelist with unobtrusive infobox (js) properties, using template
|
Sample6 Sample6
block div
|
Sample7 Sample7
cotip

Some of the potential uses of Infobox  
 Site wide or group wide tips can be set.
 Page wise tips can be set.
 Comprehensive glossary terms can be defined using this recipe. Thus, can be used where terms on pages needs additional explanations but the page design does not permit the explanation to be inserted there itself.
 Infobox's can be used to explain terms in any other language. Thus helping in creating a multilanguage page.
 Infotips page can be shared among users or easily copied on to a new/different website/page.
 Multi-language infotips pages can be maintained by different users.
 Link tips can be created using simple wiki text.

Tips from Cookbook/Infobox-sample2Infotips See Cookbook/Infobox-sample2Infotips for tips.

**chapter3|Chapter3 aa** **chapter1|Chapter1** and long word here **table1|table1**

Chapter3 aa Chapter1 and long word here table1

Tips from inbuiltinfotips.js See "inbuiltinfotips.js" file in recipe's folder.

~~disablemenu|disablemenu~~ **disableinfobox|disableinfobox** **discusslink|discusslink** 

disablemenu disableinfobox discusslink

Unobtrusive js methods

1
>>id=testA<<
%define=aaa class="lnktip" color=red %
~~|Sample tip 1~~
%aaa id='a3'% This is sample text. Lorem ipsum dolor sit amet.

~~none|HomePage~~ %lnktip id='a5'% The main page of the site
>><<

Sample tip 1 This is sample text. Lorem ipsum dolor sit amet.

HomePage The main page of the site

2
>>id=testB<<
~~|icon:1.gif~~
%lnktip id='a4'% Lorem ipsum dolor sit amet.

~~|Attach:Temp/test02.jpg~~
%lnktip id='a7'% Temp/test02.jpg

~~|test02.jpg~~ %lnktip id='a8'%Attach:Temp/test02.jpg
>><<

Lorem ipsum dolor sit amet.

Temp/test02.jpg

test02.jpg

3
>>id=testC<<
[[#none | ~~|Home~~]] %lnktip% The main page of the site --a jumping-off point, as it were-- and not actually a picture of our house%%

%infoboxhere%[[HomePage|icon:home.gif]] %lnktip% The main page of the site.

~~|[[HomePage|icon:home2.gif]]~~ %lnktip% The main page of the site.
>><<

Home The main page of the site --a jumping-off point, as it were-- and not actually a picture of our house

The main page of the site.

The main page of the site.

For 1,2,3 above
(:infobox id='testA':)
(:infobox id='testB':)
(:infobox id='testC':)
Note: if not enabled [@lnktip@] would fallback to css mode.

Note: if not enabled lnktip would fallback to css mode.

See page source







Edit - History - Print - Recent Changes - Search
Page last modified on November 08, 2022, at 03:24 AM