SlideShare una empresa de Scribd logo
1 de 2
Instrucciones para el funcionamiento JSFIDDLE
Para subir el código a internet y ver los resultados en la misma ventana..
http://jsfiddle.net
myriamapp1@hotmail.com
camucha0
En el lado izquierdo -->
"External Resources" --> poner..
http://code.jquery.com/mobile/1.4.2/jquery.mobile-1.4.2.min.js
+ PULSAR
http://code.jquery.com/mobile/1.4.2/jquery.mobile-1.4.2.min.css
+ PULSAR
http://code.jquery.com/jquery-1.9.1.min.js
"Frameworks&Extensions" --> jQuery 1.9.1
"No wrap - in <head>"
Arriba en (HTML)
Colocar el código....
<div data-role="page" id="page1" data-add-back-btn="true">
<div data-role="header">
<h1>Seleccionar Alumnos</h1>
</div>
<div data-role="content">
Contenido
</div>
<div data-role="footer" data-position="fixed">
<h4>Para buscar Alumnos según el CURSO que esté cursando<br></h4>
</div>
Abajo en JavaScript poner.....
$(document).ready(function() {
y dentro todas las funciones..
});
QUEDANDO DE ESTA MANERA:
$(document).ready(function() {
<!-- ******************* BOTON ENVIAR CURSO
**************************************** -->
$('#botonenviarcurso').click(function (){
$("#exito1").hide("fast");
if (validateformcurso())
{
var categoria = document.formcurso.strCurso.value;
$.ajax({
type: "POST",
url:"http://www.ivanapp.hol.es/AppProfesorCore/funciones.php",
//url:"http://www.radiacioneselectromagneticas.com/AppProfesorCore/f
unciones.php",
data: 'strCurso='+categoria+'&formid=11',
success: function(resp)
{
if (resp==1)
{
$("#exito1").show("slow");
setTimeout("$('#exito1').hide('slow');", 2000);
document.formcurso.strCurso.value="";
}
}
});
}
});
<!-- ******************* BOTON INSERTAR
**************************************** -->
bla, bla, bla.......
});

Más contenido relacionado

Similar a Instrucciones para el funcionamiento JSFiddle

Estándares Web con Chico UI
Estándares Web con Chico UIEstándares Web con Chico UI
Estándares Web con Chico UIGuillermo Paz
 
Introducción al desarrollo Web: Frontend con Angular 6
Introducción al desarrollo Web: Frontend con Angular 6Introducción al desarrollo Web: Frontend con Angular 6
Introducción al desarrollo Web: Frontend con Angular 6Gabriela Bosetti
 
Prueba De Aplicaciones Web con Selenium 2 y WebDriver
Prueba De Aplicaciones Web con Selenium 2 y WebDriverPrueba De Aplicaciones Web con Selenium 2 y WebDriver
Prueba De Aplicaciones Web con Selenium 2 y WebDriverDavid Gómez García
 
Introducción a Foundation 5
Introducción a Foundation 5Introducción a Foundation 5
Introducción a Foundation 5Cycle-IT
 
Introducción a Foundation 5
Introducción a Foundation 5Introducción a Foundation 5
Introducción a Foundation 5Cycle-IT
 
Codemotion 2017 - Taller de JHipster
Codemotion 2017 - Taller de JHipsterCodemotion 2017 - Taller de JHipster
Codemotion 2017 - Taller de JHipsterAdolfo Sanz De Diego
 
Anthony saravia documentacion-php
Anthony saravia documentacion-phpAnthony saravia documentacion-php
Anthony saravia documentacion-phpAnthony Saravia
 
Construyendo y publicando nuestra primera app multiplataforma
Construyendo y publicando nuestra primera app multiplataformaConstruyendo y publicando nuestra primera app multiplataforma
Construyendo y publicando nuestra primera app multiplataformaCarlos Alonso Pérez
 

Similar a Instrucciones para el funcionamiento JSFiddle (20)

En 20 minutos ... jQuery
En 20 minutos ... jQueryEn 20 minutos ... jQuery
En 20 minutos ... jQuery
 
JqueryMobile
JqueryMobile JqueryMobile
JqueryMobile
 
Phonegap
PhonegapPhonegap
Phonegap
 
myprofly
myproflymyprofly
myprofly
 
Unidad 3 AJAX
Unidad 3 AJAX Unidad 3 AJAX
Unidad 3 AJAX
 
Unidad3ajax
Unidad3ajaxUnidad3ajax
Unidad3ajax
 
Introducción a Flask
Introducción a FlaskIntroducción a Flask
Introducción a Flask
 
Presentacion YII
Presentacion YIIPresentacion YII
Presentacion YII
 
Estándares Web con Chico UI
Estándares Web con Chico UIEstándares Web con Chico UI
Estándares Web con Chico UI
 
Introducción al desarrollo Web: Frontend con Angular 6
Introducción al desarrollo Web: Frontend con Angular 6Introducción al desarrollo Web: Frontend con Angular 6
Introducción al desarrollo Web: Frontend con Angular 6
 
Prueba De Aplicaciones Web con Selenium 2 y WebDriver
Prueba De Aplicaciones Web con Selenium 2 y WebDriverPrueba De Aplicaciones Web con Selenium 2 y WebDriver
Prueba De Aplicaciones Web con Selenium 2 y WebDriver
 
Introducción a Foundation 5
Introducción a Foundation 5Introducción a Foundation 5
Introducción a Foundation 5
 
Introducción a Foundation 5
Introducción a Foundation 5Introducción a Foundation 5
Introducción a Foundation 5
 
Codemotion 2017 - Taller de JHipster
Codemotion 2017 - Taller de JHipsterCodemotion 2017 - Taller de JHipster
Codemotion 2017 - Taller de JHipster
 
Gwt II - trabajando con gwt
Gwt II - trabajando con gwtGwt II - trabajando con gwt
Gwt II - trabajando con gwt
 
Gwt III - Avanzado
Gwt III - AvanzadoGwt III - Avanzado
Gwt III - Avanzado
 
Curso AngularJS - 7. temas avanzados
Curso AngularJS - 7. temas avanzadosCurso AngularJS - 7. temas avanzados
Curso AngularJS - 7. temas avanzados
 
Anthony saravia documentacion-php
Anthony saravia documentacion-phpAnthony saravia documentacion-php
Anthony saravia documentacion-php
 
Construyendo y publicando nuestra primera app multiplataforma
Construyendo y publicando nuestra primera app multiplataformaConstruyendo y publicando nuestra primera app multiplataforma
Construyendo y publicando nuestra primera app multiplataforma
 
Introducción a AngularJS
Introducción a AngularJSIntroducción a AngularJS
Introducción a AngularJS
 

Instrucciones para el funcionamiento JSFiddle

  • 1. Instrucciones para el funcionamiento JSFIDDLE Para subir el código a internet y ver los resultados en la misma ventana.. http://jsfiddle.net myriamapp1@hotmail.com camucha0 En el lado izquierdo --> "External Resources" --> poner.. http://code.jquery.com/mobile/1.4.2/jquery.mobile-1.4.2.min.js + PULSAR http://code.jquery.com/mobile/1.4.2/jquery.mobile-1.4.2.min.css + PULSAR http://code.jquery.com/jquery-1.9.1.min.js "Frameworks&Extensions" --> jQuery 1.9.1 "No wrap - in <head>" Arriba en (HTML) Colocar el código.... <div data-role="page" id="page1" data-add-back-btn="true"> <div data-role="header"> <h1>Seleccionar Alumnos</h1> </div> <div data-role="content"> Contenido </div> <div data-role="footer" data-position="fixed"> <h4>Para buscar Alumnos según el CURSO que esté cursando<br></h4> </div> Abajo en JavaScript poner..... $(document).ready(function() { y dentro todas las funciones.. }); QUEDANDO DE ESTA MANERA: $(document).ready(function() { <!-- ******************* BOTON ENVIAR CURSO **************************************** --> $('#botonenviarcurso').click(function (){ $("#exito1").hide("fast"); if (validateformcurso()) { var categoria = document.formcurso.strCurso.value; $.ajax({ type: "POST", url:"http://www.ivanapp.hol.es/AppProfesorCore/funciones.php", //url:"http://www.radiacioneselectromagneticas.com/AppProfesorCore/f unciones.php",
  • 2. data: 'strCurso='+categoria+'&formid=11', success: function(resp) { if (resp==1) { $("#exito1").show("slow"); setTimeout("$('#exito1').hide('slow');", 2000); document.formcurso.strCurso.value=""; } } }); } }); <!-- ******************* BOTON INSERTAR **************************************** --> bla, bla, bla....... });