Línea 1: |
Línea 1: |
− | ( function ( window, document, $, mw, gt ) { | + | ( function (window, document, $, mw, gt) { |
− | | |
| | | |
− | if (mw.cookie.get('mallahipertexto_tour')){ | + | tour = new gt.TourBuilder({ |
− | //return; | + | name: 'mallahipertexto' |
| + | }); |
| + | |
| + | if (mw.cookie.get('mallahipertexto_tour')) { |
| + | return; |
| } | | } |
| | | |
− | mw.cookie.set('mallahipertexto_tour','done'); | + | mw.cookie.set('mallahipertexto_tour', 'done'); |
| | | |
− | var pageName = 'Especial:SemanticSignup', | + | var recursosUrl = window.location.toString(); |
− | tour;
| + | recursosUrl = recursosUrl .replace("title=", 'title=Recursos:'); |
− | tour = new gt.TourBuilder( { | + | recursosUrl = recursosUrl .replace("&tour=mallahipertexto", '&tour=mallahipertextorecursos'); |
− | name: 'mallahipertexto'
| + | $("#ca-Recursos span a").prop("href", recursosUrl ); |
− | } ); | |
| | | |
− | tour.firstStep( { | + | tour.firstStep({ |
| name: 'mallahipertexto', | | name: 'mallahipertexto', |
− | title: '¡Esta malla curricular tiene recursos educativos alineados a las competencias y los saberes (contenidos)!', | + | title: '¡Esta malla curricular tiene recursos educativos alineados!', |
− | description: '',
| + | description: 'Esto significa que hay recursos educativos vinculados a las competencias y los saberes (contenidos).', |
| position: 'topLeft', | | position: 'topLeft', |
| closeOnClickOutside: false, | | closeOnClickOutside: false, |
− | overlay: false | + | overlay: true |
− | } ) | + | }) |
| | | |
− | .next( 'mallahipertexto1' ); | + | .next('mallahipertexto1'); |
| | | |
− | tour.step( { | + | tour.step({ |
| name: 'mallahipertexto1', | | name: 'mallahipertexto1', |
| title: 'Además de identificar los aprendizajes deseados, podrás encontrar materiales que te ayudarán a lograrlos.', | | title: 'Además de identificar los aprendizajes deseados, podrás encontrar materiales que te ayudarán a lograrlos.', |
Línea 33: |
Línea 35: |
| closeOnClickOutside: false, | | closeOnClickOutside: false, |
| overlay: false | | overlay: false |
− | } ) | + | }) |
− | .next( 'mallahipertexto2' ) | + | .next('mallahipertexto2') |
− | .back( 'mallahipertexto' ); | + | .back('mallahipertexto'); |
| | | |
− | tour.step( {
| + | tour.step({ |
| name: 'mallahipertexto2', | | name: 'mallahipertexto2', |
| title: 'Observa los colores del texto. Todo lo que está en azul es un hipervínculo.', | | title: 'Observa los colores del texto. Todo lo que está en azul es un hipervínculo.', |
− | description: 'Selecciona uno de los vínculos y encontrarás recursos educativos. Hay videos, animaciones y sitios web informativos.', | + | description: '', |
− | attachTo: 'table.wikitable th:last-child', | + | attachTo: 'table.wikitable th:first-child', |
− | position: 'topLeft', | + | position: 'topRight', |
| closeOnClickOutside: false, | | closeOnClickOutside: false, |
| overlay: false | | overlay: false |
− | } ) | + | }) |
− | .next( 'mallahipertexto3' ) | + | .next('mallahipertexto3') |
− | .back( 'mallahipertexto1' ); | + | .back('mallahipertexto1'); |
| | | |
− | tour.step( { | + | tour.step({ |
| name: 'mallahipertexto3', | | name: 'mallahipertexto3', |
| title: 'También puedes ver todos los recursos asociados a la malla desde la pestaña "Recursos".', | | title: 'También puedes ver todos los recursos asociados a la malla desde la pestaña "Recursos".', |
− | description: 'Pruébalo ahora y ¡aprovéchalos!', | + | description: 'Pruébalo ahora y ¡aprovéchalos! Hay videos, animaciones y sitios web informativos.', |
− | attachTo: '#wpEmail',
| + | attachTo: '#ca-Recursos', |
− | position: 'top',
| + | position: 'bottomRight', |
− | closeOnClickOutside: false,
| |
− | overlay: false
| |
− | } )
| |
− | .next( 'mallahipertexto4' )
| |
− | .back( 'mallahipertexto2' );
| |
− | | |
− | tour.step( {
| |
− | name: 'mallahipertexto4',
| |
− | title: 'Selecciona los nombres en esta primera columna y podrás ver la descripción de cada recurso',
| |
− | description: '',
| |
− | attachTo: '.g-recaptcha', | |
− | position: 'bottom', | |
| closeOnClickOutside: false, | | closeOnClickOutside: false, |
− | overlay: false | + | overlay: false, |
− | } )
| |
− | .next( 'mallahipertexto5' )
| |
− | .back( 'mallahipertexto3' );
| |
− | | |
| | | |
| + | buttons: [{ |
| + | name: 'Muéstrame cómo', |
| + | onclick: function () { |
| + | //mw.guidedTour.launcher.launchTour('mallahipertexto','gt-mallahipertexto-4'); |
| + | //mw.guidedTour.launcher.launchTour('mallahipertexto'); |
| + | var url = window.location.toString(); |
| + | url = url.replace("title=", 'title=Recursos:'); |
| + | url = url.replace("&tour=mallahipertexto", '&tour=mallahipertextorecursos'); |
| + | window.location = url ; |
| + | //mw.libs.guiders.next(); |
| + | } |
| + | }], |
| | | |
− | tour.step( {
| + | }) |
− | name: 'mallahipertexto5',
| + | .back('mallahipertexto2'); |
− | title: 'Selecciona la dirección web aquí para ir',
| |
− | description: '',
| |
− | attachTo: '#p-Ayuda_y_otros-label',
| |
− | position: 'right',
| |
− | closeOnClickOutside: false,
| |
− | overlay: false
| |
− | } ) | |
− | .back( 'mallahipertexto4' ); | |
| | | |
− | } ( window, document, jQuery, mediaWiki, mediaWiki.guidedTour ) ); | + | }(window, document, jQuery, mediaWiki, mediaWiki.guidedTour) ); |