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

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

Línea 76: Línea 76:
 
         position: 'bottomLeft',
 
         position: 'bottomLeft',
 
         closeOnClickOutside: false,
 
         closeOnClickOutside: false,
         overlay: false,      
+
         overlay: false,
         onShow: function () {  
+
         onShow: function () {
                var press = jQuery.Event("keypress");
+
            var press = jQuery.Event("keypress");
                press.which = 36;
+
            press.which = 36;
                $("#searchInput").trigger(press);
+
            $("#searchInput").trigger(press);
                $('#searchInput').val('Comunicación');
+
            $('#searchInput').val('Comunicación');
                var press = jQuery.Event("keypress");
+
            var press = jQuery.Event("keypress");
                press.which = 36;
+
            press.which = 36;
                $("#searchInput").trigger(press);            
+
            $("#searchInput").trigger(press);
},
+
        },
  
 
         buttons: [
 
         buttons: [
Línea 99: Línea 99:
 
                 }
 
                 }
 
             },
 
             },
        } ],
+
    ],
 +
 
 +
} )
 +
    .next( 'buscar4' )
 +
    .back( 'buscar2' );
  
     } )
+
tour.step( {
        .next( 'buscar4' )
+
     name: 'buscar4',
        .back( 'buscar2' );
+
    title: 'Aquí verás la lista de páginas que contienen en su título el término que buscaste...',
 +
    description: '',
 +
    attachTo: 'span[id^="Resultados_por_t"]',
 +
    position: 'topLeft',
 +
    closeOnClickOutside: false,
 +
    overlay: false
 +
} )
 +
    .next( 'buscar5' )
 +
    .back( 'buscar3' );
  
    tour.step( {
+
tour.step( {
        name: 'buscar4',
+
    name: 'buscar5',
        title: 'Aquí verás la lista de páginas que contienen en su título el término que buscaste...',
+
    title: '... y aquí la lista de páginas que contienen en su texto el término que buscaste.',
        description: '',
+
    description: '',
        attachTo: 'span[id^="Resultados_por_t"]',
+
    attachTo: 'span[id^="Resultados_por_texto_de"]',
        position: 'topLeft',
+
    position: 'topLeft',
        closeOnClickOutside: false,
+
    closeOnClickOutside: false,
        overlay: false
+
    overlay: false
    } )
+
} )
        .next( 'buscar5' )
+
    .next( 'buscar9' )
        .back( 'buscar3' );
+
    .back( 'buscar4' );
  
    tour.step( {
 
        name: 'buscar5',
 
        title: '... y aquí la lista de páginas que contienen en su texto el término que buscaste.',
 
        description: '',
 
        attachTo: 'span[id^="Resultados_por_texto_de"]',
 
        position: 'topLeft',
 
        closeOnClickOutside: false,
 
        overlay: false
 
    } )
 
        .next( 'buscar9' )
 
        .back( 'buscar4' );
 
  
+
tour.step( {
    tour.step( {
+
    name: 'buscar9',
        name: 'buscar9',
+
    title: 'También puedes buscar con operadores booleanos "+" y "-".',
        title: 'También puedes buscar con operadores booleanos "+" y "-".',
+
    description: '¡Pruébalo! Escribe <i>criterio +evaluativo</i> o <i>criterio -evaluativo</i> y observa los resultados.',
        description: '¡Pruébalo! Escribe <i>criterio +evaluativo</i> o <i>criterio -evaluativo</i> y observa los resultados.',
+
    attachTo: '#p-search',
        attachTo: '#p-search',
+
    position: 'left',
        position: 'left',
+
    closeOnClickOutside: false,
        closeOnClickOutside: false,
+
    allowAutomaticOkay: false,
        allowAutomaticOkay: false,
+
    overlay: false,
        overlay: false,
+
    buttons: [ {
        buttons: [ {
+
        name: 'Mostrar ejemplo',
            name: 'Mostrar ejemplo',
+
        onclick: function () {
            onclick: function () {
+
            $('#searchInput').focus();
                $('#searchInput').focus();
+
            $('#searchInput').val('criterio -evaluativo');
                $('#searchInput').val('criterio -evaluativo');
+
            $('#searchInput').focus();
                $('#searchInput').focus();
+
            var press = jQuery.Event("keypress");
                var press = jQuery.Event("keypress");
+
            press.which = 40;
                press.which = 40;
+
            $("#searchInput").trigger(press);
                $("#searchInput").trigger(press);
+
            $('#searchInput').focus();
                $('#searchInput').focus();
+
        }
            }
+
    } ],
        } ],
+
} )
    } )
+
    .back( 'buscar5' )
        .back( 'buscar5' )
+
    .next( 'buscar11' )
        .next( 'buscar11' )
 
  
  
  
    tour.step( {
+
tour.step( {
        name: 'buscar11',
+
    name: 'buscar11',
        title: '2) También puedes usar el buscador de Google',
+
    title: '2) También puedes usar el buscador de Google',
        description: 'El buscador Google es más flexible y poderoso. Encontrarás resultados aunque no utilices tildes.',
+
    description: 'El buscador Google es más flexible y poderoso. Encontrarás resultados aunque no utilices tildes.',
        attachTo: '#cse-search-box',
+
    attachTo: '#cse-search-box',
        position: 'right',
+
    position: 'right',
        closeOnClickOutside: false,
+
    closeOnClickOutside: false,
        overlay: false,
+
    overlay: false,
        buttons: [ {
+
    buttons: [ {
            name: 'Mostrar ejemplo',
+
        name: 'Mostrar ejemplo',
            onclick: function () {
+
        onclick: function () {
                $('#cse-search-box input[type="text"]').focus();
+
            $('#cse-search-box input[type="text"]').focus();
                $('#cse-search-box input[type="text"]').val('criterio');
+
            $('#cse-search-box input[type="text"]').val('criterio');
                $('#cse-search-box input[type="text"]').focus();
+
            $('#cse-search-box input[type="text"]').focus();
  
            }
+
        }
        } ],
+
    } ],
    } )
+
} )
        .back( 'buscar9' )
+
    .back( 'buscar9' )
        .next( 'buscar12' )
+
    .next( 'buscar12' )
    tour.step( {
+
tour.step( {
        name: 'buscar12',
+
    name: 'buscar12',
        title: '',
+
    title: '',
        description: '¡Usa los buscadores y no te pierdas nada en el sitio!',
+
    description: '¡Usa los buscadores y no te pierdas nada en el sitio!',
        position: 'center',
+
    position: 'center',
        closeOnClickOutside: false,
+
    closeOnClickOutside: false,
        overlay: true,
+
    overlay: true,
    } )
+
} )
        .back( 'buscar11' );
+
    .back( 'buscar11' );
  
  
 
} ( window, document, jQuery, mediaWiki, mediaWiki.guidedTour ) );
 
} ( window, document, jQuery, mediaWiki, mediaWiki.guidedTour ) );

Revisión del 17:07 27 ago 2016

( function ( window, document, $, mw, gt ) {

    if ( mw.config.get( 'wgPageName' ) !== 'Bienvenidos_al_Currículum_Nacional_Base' ) {
        //return;
    }

    if (mw.cookie.get('buscar_tour')){
        //return;
    }

    mw.cookie.set('buscar_tour','done');

    var pageName = 'Bienvenidos_al_Currículum_Nacional_Base',
        tour;
    tour = new gt.TourBuilder( {
        name: 'buscar'
    } );


    tour.firstStep( {
        name: 'buscar',
        title: '¿Buscas algo?',
        description: '¡Es muy fácil encontrar material en el CNB en línea!',
        position: 'topLeft',
        attachTo: '#p-search',
        closeOnClickOutside: false,
        overlay: true
    } )

        .next( 'buscar1' );

    tour.step( {
        name: 'buscar1',
        title: 'Prueba el buscador wiki.',
        description: 'Escribe algo en la ventana de búsqueda. <br>Cuida bien la ortografía (en especial las tildes) porque la búsqueda wiki es exacta.',
        position: 'left',
        attachTo: '#p-search',
        overlay: false,
        closeOnClickOutside: false,
        allowAutomaticOkay: false,
    } )
        .next( 'buscar2' )
        .back( 'buscar' );


    tour.step( {
        name: 'buscar2',
        title: 'El buscador wiki encuentra páginas...',
        description: 'Te ayudará a encontrar páginas que incluyan las palabras que buscas en el título.',
        attachTo: '#p-search',
        position: 'left',
        closeOnClickOutside: false,
        overlay: false,
        buttons: [ {
            name: 'Mostrar ejemplo',
            onclick: function () {
                mw.libs.guiders.next();
                $('#searchInput').focus();
                $('#searchInput').val('Comunicación');
                $('#searchInput').focus();
                var press = jQuery.Event("keypress");
                press.which = 40;
                $("#searchInput").trigger(press);
                $('#searchInput').focus();
            }
        } ],
    } )
        .next( 'buscar3' )
        .back( 'buscar1' );

    tour.step( {
        name: 'buscar3',
        title: '... y también a encontrar contenidos.',
        description: 'Selecciona el término abajo de "que contiene..." para ver páginas con el término en su contenido ',
        attachTo: '#p-search',
        position: 'bottomLeft',
        closeOnClickOutside: false,
        overlay: false,
        onShow: function () {
            var press = jQuery.Event("keypress");
            press.which = 36;
            $("#searchInput").trigger(press);
            $('#searchInput').val('Comunicación');
            var press = jQuery.Event("keypress");
            press.which = 36;
            $("#searchInput").trigger(press);
        },

        buttons: [
            {  name: 'Mostrar ejemplo',
                onclick: function () {
                    $('#searchInput').focus();
                    $('#searchInput').val('Comunicación');
                    $('#searchInput').focus();
                    var press = jQuery.Event("keypress");
                    press.which = 40;
                    $("#searchInput").trigger(press);
                    $('#searchInput').focus();
                }
            },
     ],

} )
    .next( 'buscar4' )
    .back( 'buscar2' );

tour.step( {
    name: 'buscar4',
    title: 'Aquí verás la lista de páginas que contienen en su título el término que buscaste...',
    description: '',
    attachTo: 'span[id^="Resultados_por_t"]',
    position: 'topLeft',
    closeOnClickOutside: false,
    overlay: false
} )
    .next( 'buscar5' )
    .back( 'buscar3' );

tour.step( {
    name: 'buscar5',
    title: '... y aquí la lista de páginas que contienen en su texto el término que buscaste.',
    description: '',
    attachTo: 'span[id^="Resultados_por_texto_de"]',
    position: 'topLeft',
    closeOnClickOutside: false,
    overlay: false
} )
    .next( 'buscar9' )
    .back( 'buscar4' );


tour.step( {
    name: 'buscar9',
    title: 'También puedes buscar con operadores booleanos "+" y "-".',
    description: '¡Pruébalo! Escribe <i>criterio +evaluativo</i> o <i>criterio -evaluativo</i> y observa los resultados.',
    attachTo: '#p-search',
    position: 'left',
    closeOnClickOutside: false,
    allowAutomaticOkay: false,
    overlay: false,
    buttons: [ {
        name: 'Mostrar ejemplo',
        onclick: function () {
            $('#searchInput').focus();
            $('#searchInput').val('criterio -evaluativo');
            $('#searchInput').focus();
            var press = jQuery.Event("keypress");
            press.which = 40;
            $("#searchInput").trigger(press);
            $('#searchInput').focus();
        }
    } ],
} )
    .back( 'buscar5' )
    .next( 'buscar11' )



tour.step( {
    name: 'buscar11',
    title: '2) También puedes usar el buscador de Google',
    description: 'El buscador Google es más flexible y poderoso. Encontrarás resultados aunque no utilices tildes.',
    attachTo: '#cse-search-box',
    position: 'right',
    closeOnClickOutside: false,
    overlay: false,
    buttons: [ {
        name: 'Mostrar ejemplo',
        onclick: function () {
            $('#cse-search-box input[type="text"]').focus();
            $('#cse-search-box input[type="text"]').val('criterio');
            $('#cse-search-box input[type="text"]').focus();

        }
    } ],
} )
    .back( 'buscar9' )
    .next( 'buscar12' )
tour.step( {
    name: 'buscar12',
    title: '',
    description: '¡Usa los buscadores y no te pierdas nada en el sitio!',
    position: 'center',
    closeOnClickOutside: false,
    overlay: true,
} )
    .back( 'buscar11' );


} ( window, document, jQuery, mediaWiki, mediaWiki.guidedTour ) );

Se entiende como el “conjunto de normas que regulan la correcta escritura de una lengua”.(Asociación de Academias de la Lengua Española, ASALE. (2010). Ortografía de la lengua española. España: Espasa).

Sistema social para expresar ideas y manifestarlas al prójimo. Este sistema existe dentro de un entorno social (sistema social) y un sistema lingüístico (ejemplos son el español, francés, k’iche’, kaqchikel, etc.) Tienen que existir ambos sistemas para que pueda existir la comunicación.