Diferencia entre revisiones de «MediaWiki:Guidedtour-tour-inicio.js»

De CNB
Ir a la navegación Ir a la búsqueda
Busca en cnbGuatemala con Google

Línea 1: Línea 1:
/*
+
( function ( window, document, $, mw, gt ) {
* Guided Tour to test guided tour features.
 
*/
 
// Copy the next line into the start of your tour.
 
( function ( window, document, $, mw, gt ) {
 
 
 
// Declare a variable for use later
 
 
var pageName = 'Help:Guided tours/guider',
 
var pageName = 'Help:Guided tours/guider',
 
tour;
 
tour;
 
+
tour = new gt.TourBuilder( {
tour = new gt.TourBuilder( {
 
/*
 
* This is the name of the tour.  It must be lowercase, without any hyphen (-) or
 
* period (.) characters.
 
*
 
* The page where you save an on-wiki tour must be named
 
* MediaWiki:Guidedtour-tour-{name}.js , in this example MediaWiki:Guidedtour-tour-mytest.js
 
*/
 
 
name: 'inicio'
 
name: 'inicio'
 
} );
 
} );
  
// Information defining each tour step
+
 
 
// This tour shows a central overlay at the start of the tour.
 
// Guiders appear in the center if another position is not specified.
 
// To specify the first step of the tour, use .firstStep instead of .step
 
 
tour.firstStep( {
 
tour.firstStep( {
name: 'overlay',
+
name: 'portada',
// Note that for on-wiki tours, we use title and description with the actual text.
+
title: 'Primeros pasos',
// The title appears in the title bar of the guider.
 
title: 'Primeros pasos',
 
 
 
// The description appears in the body
 
 
description: 'Esta es tu puerta de acceso al CNB en línea. ¡Sigue explorando!',
 
description: 'Esta es tu puerta de acceso al CNB en línea. ¡Sigue explorando!',
                 position: 'right',
+
                 position: 'topRight',
 
 
// This specifies that there is an overlay behind the guider.
 
 
overlay: true
 
overlay: true
 
} )
 
} )
// This specifies the next step of the tour, and will automatically generate a next button.
+
// 'callout' refers to the name used in the step immediately below.  Although putting the steps
+
.next( 'portada1' );
// in a meaningful order is recommended, any step can be specified as next/back.
 
.next( 'callout' );
 
  
tour.step( {
+
tour.step( {
/*
+
name: 'portada1',
* Callout of left menu
+
title: 'Primeros pasos',
*/
+
description: 'Desde la portada puedes dirigirte al contenido de cada nivel',
name: 'callout',
+
attachTo: '#n-Inicial',              
title: 'Test callouts',
+
position: 'left',
description: 'This is the community portal page.',
 
 
 
                // This positions the guider next to a page element, in this
 
                // case the portal link (which is "Community portal" on English
 
                // Wikipedia, but varies by site).
 
                // The string is a jQuery selector.  "#n-portal" means the HTML
 
                // element with this id attribute, and "a" means an a, or link,
 
                // element inside that.
 
attachTo: '#n-portal a',
 
 
 
                // This means the guider shows to the right of the Community Portal link
 
position: 'right',
 
 
} )
 
} )
.next( 'description' )
+
.next( 'portada2' )
// The 'back' property specifies that you can go back from this step, and where to go
+
.back( 'portada' );
// if the back button is clicked.
 
.back( 'overlay' );
 
  
 
tour.step( {
 
tour.step( {

Revisión del 20:03 8 ago 2016

( function ( window, document, $, mw, gt ) {	
	var pageName = 'Help:Guided tours/guider',
		tour;
	tour = new gt.TourBuilder( {	
		name: 'inicio'
	} );

	
	tour.firstStep( {
		name: 'portada',		
		title: 'Primeros pasos',		
		description: 'Esta es tu puerta de acceso al CNB en línea. ¡Sigue explorando!',
                position: 'topRight',
		overlay: true
	} )
	
	.next( 'portada1' );

	tour.step( {		
		name: 'portada1',
		title: 'Primeros pasos',
		description: 'Desde la portada puedes dirigirte al contenido de cada nivel',
		attachTo: '#n-Inicial',                
		position: 'left',
	} )
	.next( 'portada2' )	
	.back( 'portada' );

	tour.step( {
		/*
		 * Test out mediawiki description pages
		 */
		name: 'description',
		title: 'Test MediaWiki description pages',

		// Name of the page to parse
		description: pageName,

		overlay: true,

		// This means the wikitext for the description will be loaded from the
		// page name in the description field.
		onShow: gt.getPageAsDescription,

		buttons: [ {
			// This makes a button which acts like a wikilink to 'Help:Guided tours/guider'
			action: 'wikiLink',
			page: pageName,
			name: 'Go to description page',
			// This specifies that the button takes you to the next step of a process,
			// which affects its appearance.
			type: 'progressive'
		}, {
			// This makes the okay button on this step end the tour.
			action: 'end'
		} ]
	} )
	.back( 'callout' );

// The following should be the last line of your tour.
} ( window, document, jQuery, mediaWiki, mediaWiki.guidedTour ) );