Mensajes

Código (javascript) [Seleccionar] Expandir


...
$.when($.ajax("verificar_captcha.php"),$.ajax("anadirevento.php"))
.then(validar12(),send());
...

Creo que el error se debe a validar12(), debe pasarse como una referencia a una funcion(validar12) en .then y como es una funcion sin argumentos siempre se cumplira la condicion.

Código (javascript) [Seleccionar] Expandir


...
.then(validar12);  //Nota que es sin los parentesis.
...

Creo que no es valido usar send() despues de validar12, segun la documentacion la sagunda funcion se reserba en caso de que alguno de las peticiones ajax no pudieron realizarse.

Ademas, deberias plantear si de verdad necesitas un captcha, por que estas tratando de validar el captcha pero a la vez subes la consulta, osea que el captcha no sirve para nada. Fijate en la consola, F12 > Network, veras como se disparan las dos consultas ajax cuando apretas el boton. Deberias ser.. verificar campos vacios > verificar captcha > añadir evento.

Hola. Ya lo conseguí, era más fácil de lo que creía, al final no lo hice con when(), así que lo hice con condiciones if else, este es el código:

Código [Seleccionar] Expandir


$(document).ready(function() {
$("#enviar").click(function(){
var datos=$('#demo').serialize();
var fecha2 = $("#data");
var tipo2 = $("#tipoEventos");
var otro2 = $("#otroTipoEventos");
var materia2 = $("#materia");
var tarea2 = $("#tarea");
$.ajax({
        type:"POST",
        url:"verificar_captcha.php",
        data:datos,
        success:function(resp){
          if (resp!=1){
            $(".popup_errorcaptchaevento").delay(500).slideDown("slow");
            $(".popup_errorcaptchaevento").delay(1000).slideUp("slow");
          }else{
            $(".popup_correctoevento").delay(500).slideDown("slow");
            $(".popup_correctoevento").delay(1000).slideUp("slow");
          $.ajax({
          type:"POST",
          url:"anadirevento.php",
          data:datos,
          success:function(r){
          if (r!=1){
              $(".popup_errorevento").delay(500).slideDown("slow");
              $(".popup_errorevento").delay(1000).slideUp("slow");
          }
          }
          })
          }
        }
})
return false;
});
});

No puse el popup de aviso de campos vacíos, ya que no me lo ejecutaba, y además no era de gran importancia, era más un detalle.

Gracais por vuestra atención.

Obviamente no tienes ni idea de lo que estas haciendo, no entiendes tampoco los conceptos, ni javascript ni jquery ni php, todo tiene una funcion logica aqui. Copiando, pegando codigo y luego refrescando la pagina no va a funcionar si no sabes lo que haces, tomate tu tiempo para aprender.

Hola, es verdad, no entendía lo que hacia así que me tomé mi tiempo, es que las prisas...

Y ahora lo entiendo. Este código:

Código [Seleccionar] Expandir


<script type="text/javascript">
$(document).ready(function() {
$("#enviar").click(function(){
var datos=$('#demo').serialize();
$.ajax({
type:"POST",
url:"anadirevento.php",
data:datos,
success:function(r){
if (r==1){
$(".popup_correctoevento").delay(500).slideDown("slow");
$(".popup_correctoevento").delay(1000).slideUp("slow");
}else{
$(".popup_errorevento").delay(500).slideDown("slow");
$(".popup_errorevento").delay(1000).slideUp("slow");
}
}
});
return false;
});
});
</script>

anadirevento.php

Código [Seleccionar] Expandir


<?php
$servername = "";
$username = "";
$password = "";
$dbname = "";

// Create connection
$conn = new mysqli($servername, $username, $password, $dbname);
// Check connection
if ($conn->connect_error) {
    die("Error: " . $conn->connect_error);
} 
$fecha = $_POST['databox'];
$tipoEvento = $_POST['tipoEventos'];
$otro = $_POST['otroTipoEventos'];
$materia = $_POST['materiabox'];
$asunto = $_POST['asuntobox'];
$tarea = $_POST['tareabox'];
$evento = $_POST['eventobox'];
mysqli_escape_string($_POST['databox']);
mysqli_escape_string($_POST['tipoEventos']);
mysqli_escape_string($_POST['otroTipoEventos']);
mysqli_escape_string($_POST['materiabox']);
mysqli_escape_string($_POST['asuntobox']);
mysqli_escape_string($_POST['tareabox']);
mysqli_escape_string($_POST['eventobox']);

$sql = " INSERT INTO 1esoacalendar (fecha, tipoevento, otro, materia, asunto, tarea, evento) VALUES ('$fecha','$tipoEvento','$otro','$materia','$asunto','$tarea','$evento')";
echo mysqli_query($conn,$sql);
$conn->close();
?>


Eso ya lo conseguí, pero realmente no quería hacer eso, sino hacer una función que cuando clique en el boton #enviar me haga una condición if que sí algún campo de texto está vacío me muestre el pop-up que informe de algún campo vacío y sino que me ejecute dos funciones AJAX, me informe y creo que se hace con la función when(), por la cual cosa hice esto:

Código [Seleccionar] Expandir


$(document).ready(function() {
var data1 = $("#data");
var tipoEventos1 = $("#tipoEventos");
var materia1 = $("#materia");
var tarea1 = $("#tarea");
var captcha1 = $("#captcha");
function validar12(resp){
         if (resp!=1){
           $(".popup_errorcaptchaevento").delay(500).slideDown("slow");
           $(".popup_errorcaptchaevento").delay(1000).slideUp("slow");
         }
       }
       function send(r){
         if(r==1){
           $(".popup_correctoevento").delay(500).slideDown("slow");
           $(".popup_correctoevento").delay(1000).slideUp("slow");          
         }else{
           $(".popup_errorevento").delay(500).slideDown("slow");
           $(".popup_errorevento").delay(1000).slideUp("slow");            
         }
}
$("#enviar").click(function(){
if(data1.val() === "" || tipoEventos1.val() === "" || materia1.val() === "" || tarea1.val() === "" || captcha1.val() === ""){
$(".popup_validar").delay(500).slideDown('slow');
$(".popup_validar").delay(1000).slideUp('slow');
}else{
$.when($.ajax("verificar_captcha.php"),$.ajax("anadirevento.php"))
.then(validar12(),send());
}
 return false;    
});
});


Código [Seleccionar] Expandir


      <?php
          session_start( ); // allows us to retrieve our key form the session
          /* 
          First encrypt the key passed by the form, then compare it to the already encrypted key we have stored inside our session variable
          */
          echo md5($_POST["code"]) == $_SESSION["key"];
        ?>

Cuando dejo un input vacío me lanza el popup de advertencia bien, y cuando relleno todo, y doy click en enviar, me lannza el popup de error de captcha, siempre, auque el captcha lo tenga bien y además no me guarda los datos en la base de datos.

Nosé donde esta el problema, ¿Es lógico lo que he planteado?.

PD: Además leí el api de jquery de la función when() y, si no recuerdo mal, creo que decía que solamente en la parte de .then(),se ejecuta la primera función, y si es así nosé como hacer para que me ejecute ambas.

Gracias de antermano.

Hola,
no existe afterSend con la librería jQuery.

Sin embargo, puedes utilizar... complete o done, dependiendo de para que lo necesites.

Un pequeño ejemplo con done...

Código (javascript) [Seleccionar] Expandir


$(document).ready(function(){
$('#send').click(function(e){
$.ajax({
type: 'POST',
url: 'ejemplo.php',
data: { user: $('#user').val(), pass: $('#pass').val() }
}).done(function(response){
if( response == "ok" )
window.location="ejemplo2.php";
});
});
});


y la documentación de la libreria.

Nota: Prueba sustituyendo el $(document).ready... del verificar_catpcha.php por este script

Código (javascript) [Seleccionar] Expandir


$(function(){
$(".popup_errorcaptchaevento").delay(500).slideDown("slow");
$(".popup_errorcaptchaevento").delay(1000).slideUp("slow");
});


Saludos.

Hola Rave1996 he probado con este código:

Código [Seleccionar] Expandir


  $(document).ready(function(){
    $("#enviar").click(function(){
      var datos = $("#demo").serialize();
      $.ajax({
        url: 'verificar_captcha.php',
        type: 'POST',
        data:datos,
      })
      .done(function(res) {
        if (res != "ok") {
          $(".popup_errorcaptchaevento").delay(500).slideDown("slow");
          $(".popup_errorcaptchaevento").delay(1000).slideUp("slow");
        }else{
          alert("hola");
        }
      })
      return false;
    });
  });


Y no me ejecuta bien la declaración if else, solamente me lo ejecuta el if pero no el else tanto si el

Código [Seleccionar] Expandir

res no es igual al

Código [Seleccionar] Expandir

ok como si lo es.

Porque no me ejecuta el else?

verificar_captcha.php:

Código [Seleccionar] Expandir


       <?php

session_start( ); // allows us to retrieve our key form the session

/* 

First encrypt the key passed by the form, then compare it to the already encrypted key we have stored inside our session variable

*/

if( md5( $_POST[ 'code' ] ) != $_SESSION[ 'key' ] ) {
?>
<script>
  $(function(){
    $(".popup_errorcaptchaevento").delay(500).slideDown("slow");
    $(".popup_errorcaptchaevento").delay(1000).slideUp("slow");
  });
</script>
<?
}
?>


Gracias de antemano.

Hola. quiero enviar mis datos del formulario a mi DDBB sin recargar la página, para eso necesito AJAX, me busque un tutorial por YouTube y lo hice pero pasa una cosa, y es que me lo ejecuta bien pero no me ejecuta el afterSend. (La funcion de afterSend es que me muestre un popup diciendome que esta guardado en la DDBB.)

Código [Seleccionar] Expandir


 $(document).ready(function(){
   $("#enviar").click(function(){
     var datos = $("#demo").serialize();
     $.ajax({
       type:"POST",
       url:"verificar_captcha.php",
       data:datos,
       afterSend:function(){
         $(".popup_correctoevento").delay(500).slideDown("slow");
         $(".popup_correctoevento").delay(1000).slideUp("slow");
       }
     })
   });
 });


verificar_captcha.php

Código [Seleccionar] Expandir


<?php
  session_start( ); // allows us to retrieve our key form the session
  /* 
  First encrypt the key passed by the form, then compare it to the already encrypted key stored inside our session variable
          */
  if( md5( $_POST[ 'code' ] ) != $_SESSION[ 'key' ] ) {
  ?>
 <script>
   $(document).ready(function(){
       $(".popup_errorcaptchaevento").delay(500).slideDown("slow");
       $(".popup_errorcaptchaevento").delay(1000).slideUp("slow");
   });
 </script>
 <?php
  } else {
    include('anadirevento.php');
  }
?>


anadirevento.php

Código [Seleccionar] Expandir


<?php
$servername = "private";
$username = "private";
$password = "private";
$dbname = "private";

// Create connection
$conn = new mysqli($servername, $username, $password, $dbname);
// Check connection
if ($conn->connect_error) {
    die("Error: " . $conn->connect_error);
} 
$fecha = $_POST['databox'];
$tipoEvento = $_POST['tipoEventos'];
$otro = $_POST['otroTipoEventos'];
$materia = $_POST['materiabox'];
$asunto = $_POST['asuntobox'];
$tarea = $_POST['tareabox'];
$evento = $_POST['eventobox'];
mysqli_escape_string($_POST['databox']);
mysqli_escape_string($_POST['tipoEventos']);
mysqli_escape_string($_POST['otroTipoEventos']);
mysqli_escape_string($_POST['materiabox']);
mysqli_escape_string($_POST['asuntobox']);
mysqli_escape_string($_POST['tareabox']);
mysqli_escape_string($_POST['eventobox']);

$sql = " INSERT INTO 1esoacalendar (fecha, tipoevento, otro, materia, asunto, tarea, evento) VALUES ('$fecha','$tipoEvento','$otro','$materia','$asunto','$tarea','$evento')";

if ($conn->query($sql) === TRUE) {
?>
<script>
 $(document).ready(function(){
   $(".popup_correctoevento").delay(500).slideDown("slow");
   $(".popup_correctoevento").delay(1000).slideUp("slow");
 });
</script>
<?
}else{
?>
<script>
 $(document).ready(function(){
   $(".popup_errorevento").delay(500).slideDown("slow");
   $(".popup_errorevento").delay(1000).slideUp("slow");
 });
</script>
<?
}
$conn->close();
?>


Porque no me ejecuta el afterSend?

PD:
Ah!!  Y antes puse success y no afterSend sin ninguna funcion, y me ejecutaba el anadirevento.php pero sin los scripts.¿Porque?

Gracias de antemano.

Hola como puedo hacer que mi calendario php mysql se actualice automaticamente cuando detecte que hay un nuevo dato en la base de datos?

Código [Seleccionar] Expandir


<?php
/*
 * Function requested by Ajax
 */
if(isset($_POST['func']) && !empty($_POST['func'])){
  switch($_POST['func']){
    case 'getCalender':
      getCalender($_POST['year'],$_POST['month']);
      break;
    case 'getEvents':
      getEvents($_POST['date']);
      break;
    default:
      break;
  }
}

/*
 * Get calendar full HTML
 */
function getCalender($year = '',$month = '')
{
  $dateYear = ($year != '')?$year:date("Y");
  $dateMonth = ($month != '')?$month:date("m");
  $date = $dateYear.'-'.$dateMonth.'-01';
  $currentMonthFirstDay = date("N",strtotime($date));
  $totalDaysOfMonth = cal_days_in_month(CAL_GREGORIAN,$dateMonth,$dateYear);
  $totalDaysOfMonthDisplay = ($currentMonthFirstDay == 7)?($totalDaysOfMonth):($totalDaysOfMonth + $currentMonthFirstDay);
  $boxDisplay = ($totalDaysOfMonthDisplay <= 35)?35:42;
?>
  <div id="calender_section">
    <h2>
      <div id="seleccion_mes">
         <a href="javascript:void(0);" onclick="getCalendar('calendar_div','<?php echo date("Y",strtotime($date.' - 1 Month')); ?>','<?php echo date("m",strtotime($date.' - 1 Month')); ?>');" id="flecha_izquierda">&lt;&lt;</a>
            <select name="month_dropdown" class="month_dropdown dropdown" face="segoe script"><?php echo getAllMonths($dateMonth); ?></select>
           <select name="year_dropdown" class="year_dropdown dropdown" face="segoe script"><?php echo getYearList($dateYear); ?></select>
            <a href="javascript:void(0);" onclick="getCalendar('calendar_div','<?php echo date("Y",strtotime($date.' + 1 Month')); ?>','<?php echo date("m",strtotime($date.' + 1 Month')); ?>');" id="flecha_derecha">&gt;&gt;</a>
      </div>
    </h2>
    <div id="event_list" class="none"></div>
    <div id="calender_section_top">
      <ul id="dias_semana" class="dias_semana1">
        <li id="dia1">Dom.</li>
        <li id="dia2">Lun.</li>
        <li id="dia3">Mar.</li>
        <li id="dia4">Mi&eacute;.</li>
        <li id="dia5">Jue.</li>
        <li id="dia6">Vie.</li>
        <li id="dia7">S&aacute;b.</li>
      </ul>
    </div>
    <div id="calender_section_bot">
      <ul>
      <?php 
        $dayCount = 1; 
        for($cb=1;$cb<=$boxDisplay;$cb++){
          if(($cb >= $currentMonthFirstDay+1 || $currentMonthFirstDay == 7) && $cb <= ($totalDaysOfMonthDisplay)){
            //Current date
            $currentDate = $dateYear.'-'.$dateMonth.'-'.$dayCount;
            $eventNum = 0;
            //Include db configuration file
            include 'dbConfig.php';
            //Get number of events based on the current date
            $result = $db->query("SELECT * FROM 1esoacalendar WHERE fecha = '".$currentDate."'");
            $result1 = $db->query("SELECT * FROM inicio_de_curso WHERE data = '".$currentDate."'");
            $result2 = $db->query("SELECT * FROM vacaciones_de_navidad WHERE data = '".$currentDate."'");
            $result3 = $db->query("SELECT * FROM vacaciones_de_pascua WHERE data = '".$currentDate."'");
            $result4 = $db->query("SELECT * FROM dias_festivos WHERE data = '".$currentDate."'");
            $eventNum = $result->num_rows;
            $eventNum1  = $result1->num_rows;
            $eventNum2 = $result2->num_rows;
            $eventNum3 = $result3->num_rows;
            $eventNum4 = $result4->num_rows;
            //Define date cell color
            if(strtotime($currentDate) == strtotime(date("Y-m-d"))){
              echo '<li date="'.$currentDate.'" class="grey date_cell">';
            }elseif($eventNum > 0){
              echo '<li date="'.$currentDate.'" class="light_sky date_cell">';
            }elseif($eventNum1 > 0){
              echo '<li date="'.$currentDate.'" style="background-color: #F78181 !important;">';
            }elseif($eventNum2 > 0){
              echo '<li date="'.$currentDate.'" style="background-color: #81F781 !important;">';
            }elseif($eventNum3 > 0){
              echo '<li date="'.$currentDate.'" style="background-color: #F2F5A9 !important;">';
            }elseif($eventNum4 > 0){
              echo '<li date="'.$currentDate.'" style="background-color: #E2A9F3 !important;">';
            }else{
              echo '<li date="'.$currentDate.'" class="date_cell">';
            }
            //Date cell
            echo '<span>';
            echo $dayCount;
            echo '</span>';
            
            //Hover event popup
            echo '<div id="date_popup_'.$currentDate.'" class="date_popup_wrap none">';
            echo '<div class="date_window">';
            echo '<div class="popup_event">Eventos ('.$eventNum.')</div>';
            echo ($eventNum > 0)?'<a href="javascript:;" onclick="getEvents(\''.$currentDate.'\');" style="color:#0040FF; font-size:1em; padding:10px 0px 0px 0px;" class="evento_texto">ver eventos</a>':'';
            echo '</div></div>';
            
            echo '</li>';
            $dayCount++;
      ?>
      <?php }else{ ?>
        <li><span>&nbsp;</span></li>
      <?php } } ?>
      </ul>
    </div>
  </div>
  <script type="text/javascript">
    function getCalendar(target_div,year,month){
      $.ajax({
        type:'POST',
        url:'functions.php',
        data:'func=getCalender&year='+year+'&month='+month,
        success:function(html){
          $('#'+target_div).html(html);
        }
      });
    }
   
    function getEvents(date){
      $.ajax({
        type:'POST',
        url:'functions.php',
        data:'func=getEvents&date='+date,
        success:function(html){
          $('#event_list').html(html);
          $('#event_list').slideDown('slow');
        }
      });
    }
   
    function addEvent(date){
      $.ajax({
        type:'POST',
        url:'functions.php',
        data:'func=addEvent&date='+date,
        success:function(html){
          $('#event_list').html(html);
          $('#event_list').slideDown('slow');
        }
      });
    }
   
    $(document).ready(function(){
      $('.date_cell').mouseenter(function(){
        date = $(this).attr('date');
        $(".date_popup_wrap").fadeOut();
        $("#date_popup_"+date).fadeIn(); 
      });
      $('.date_cell').mouseleave(function(){
        $(".date_popup_wrap").fadeOut();   
      });
      $('.month_dropdown').on('change',function(){
        getCalendar('calendar_div',$('.year_dropdown').val(),$('.month_dropdown').val());
      });
      $('.year_dropdown').on('change',function(){
        getCalendar('calendar_div',$('.year_dropdown').val(),$('.month_dropdown').val());
      });
      $(document).click(function(){
        $('#event_list').slideUp('slow');
      });
    });
  </script>
<?php
}

/*
 * Get months options list.
 */
function getAllMonths($selected = ''){
  $options = '';
  for($i=1;$i<=12;$i++)
  {
    $value = ($i < 10)?'0'.$i:$i;
    $selectedOpt = ($value == $selected)?'selected':'';
    $options .= '<option value="'.$value.'" '.$selectedOpt.' >'.date("F", mktime(0, 0, 0, $i+1, 0, 0)).'</option>';
  }
  return $options;
}

/*
 * Get years options list.
 */
function getYearList($selected = ''){
  $options = '';
  for( $i=2017; $i <= 2050; $i++)
  {
    $selectedOpt = ($i == $selected)?'selected':'';
    $options .= '<option value="'.$i.'" '.$selectedOpt.' >'.$i.'</option>';
  }
  return $options;
}

/*
 * Get events by date
 */
function getEvents($date = ''){
  //Include db configuration file
  include 'dbConfig.php';
  $eventListHTML = '';
  $date = $date?$date:date("Y-m-d");
  //Get events based on the current date
  $result = $db->query("SELECT * FROM 1esoacalendar WHERE fecha = '".$date."'");
  if($result->num_rows > 0){
    $eventListHTML = '<h2 id="seleccion_mes1"><p class="texto_dato">Events on '.date("l, d M Y",strtotime($date)).'</p></h2>';
    $eventListHTML .= '<ul>';
    while($row = $result->fetch_assoc()){ 
            $eventListHTML .= '<center><font size="5" class="texto_dato"><b>Evento</b></font></center>'; 
            $eventListHTML .= '<left class="texto_dato"><b>Tipo de evento:</b> '.$row['tipoevento'].'</left>';
            $eventListHTML .= '<br>';
            $eventListHTML .= '<left class="texto_dato"><b>otro:</b> '.$row['otro'].'</left>';
            $eventListHTML .= '<br>';
            $eventListHTML .= '<left class="texto_dato"><b>materia:</b> '.$row['materia'].'</left>';
            $eventListHTML .= '<br>';
            $eventListHTML .= '<left class="texto_dato"><b>asunto:</b> '.$row['asunto'].'</left>';
            $eventListHTML .= '<br>';
            $eventListHTML .= '<left class="texto_dato"><b>tarea:</b> '.$row['tarea'].'</left>';
            $eventListHTML .= '<br>';
            $eventListHTML .= '<left class="texto_dato"><b>evento:</b> '.$row['evento'].'</left>';
            $eventListHTML .= '<br>';
        }
    $eventListHTML .= '</ul>';
  }
  echo $eventListHTML;
}
?>

Gracias.

Hola, estoy revisando el fondo web ya que lo hice mal, y le puse este código:

Código [Seleccionar] Expandir


body{
    background-image: url('imagenes/stackofmagazines.jpg');
    background-size:cover;
    -webkit-background-size:cover;
    -o-background-size:cover;
    -moz-background-size:cover;
    background-repeat: no-repeat;
    background-position: top center;
    -moz-background-position:left right;
    background-attachment: fixed;
  }


Este fondo es para móviles , ya que esta con un media query, pero cuando lo ejecuto la imagen de fondo, es muy grande y esta muy aumentado, yo lo que hacia era ponerles porcentajes en en el background-size, pero me dijeron que era experimental y me recomendaron cover.

Lo que no sé, es porque pasa esto y si depende de la imagen o si está mal programado.

Así es como se ve:
[img src="https://drive.google.com/open?id=1APKGD324JRyr0ClefHTGE7luEuzYuzQZ"]http://[/img]
https://drive.google.com/open?id=1APKGD324JRyr0ClefHTGE7luEuzYuzQZ

y el fondo de la imagen original es este:
[img src="https://drive.google.com/open?id=1RhXEdIjR-KJlDKgtCHbJ6pR5xO4uh0s5"][/img]

[-nav-propiedad]

procura no usar los elementos -nav-propiedad ya que tiende a implicar que los que haces es experimental, te recomiendo en este caso que uses en background size "contain" o "cover" según tus necesidades


https://www.w3schools.com/cssref/css3_pr_background-size.asp

Hola, he probado lo que me ha dicho y no me fue bien, es decir, en los otros navegadores si me va bien, pero en Firefox en móvil no, se ve pequeño, como antes.

¿Cómo lo puedo hacer?

Gracias de antemano.

[en el móvil:]

Estoy retocando el fondo de mi web, ya que estaba mal programado. Y lo hice por CSS, por la cual me fue bien. Pero al verlo en diferentes navegadores, en el Firefox se ve mal y en los otros (chrome, opera, IE, etc.) si, no entiendo:

Aquí  tengo el código:

Código [Seleccionar] Expandir


body{
    background-image: url('imagenes/stackofmagazines.jpg');
    background-size:500% 50%;
    -webkit-background-size:500% 50%;
    -o-background-size:500% 50%;
    -moz-background-size:500% 50%;
    background-repeat: no-repeat;
    background-position: top center;
    -moz-background-position:left right;
    background-attachment: fixed;
}

en el móvil:
https://drive.google.com/open?id=1LgG7YYkSIv_32umXjMPokVIa6KlN91kU

Lo demas si funciona

Gracias de antemano

¿Como puedo ajustar mi fondo de web para moviles y tablets? en css.

Yo hice una función jQuery que al ser la pantalla de 600px me cambie el atributo "style":

Código [Seleccionar] Expandir


$(document).ready(function(){
if(window.matchMedia("(max-width: 600px)").matches){
    fondo12 = document.getElementById("fondo1");
    fondo12.setAttribute("style","background-image: url('imagenes/fondo_movil.jpg'); background-repeat:no-repeat; background-position: 0% 0%; background-attachment: fixed; background-size: 205% 205%;-webkit-background-size: 205% 205%; -moz-backgrou.nd-size:205% 205%; -o-background-size: 205% 205%; background-color:#F5ECCE;");
  }
});


Con eso conseguí ajustarlo al movil pero sé que no es así y no se como se hace. Y al hacer la función e cambiado de imagen fondo.jpg a fondo_movil.jpg

PD: Si puede ser css mejor, gracias.
Gracias de antemano.

Muchísimas gracias. Me ha funcionado.