2016-03-10 12 views
5

Come posso fare precompilare un campo di input HTML con una variabile? In questo caso, la variabile modale del corpo. Ho letto sull'uso di document.write ma come potremmo usarlo con una variabile?Prefilla un valore HTML con una variabile?

Stiamo utilizzando Mandrill & Calendario completo.
Molte, molte grazie!

CODICE:

{ 
title: 'Event', 
start: '2016-03-26T11:00:00', 
end: '2016-03-26T12:00:00', 
}, 
    ], 
    eventClick: function(event) { 
    console.log(event) 
    // alert(event.start.format('MMMM Do YYYY')) 
    var start = event.start.format('MMMM Do YYYY'), 
    end = event.end.format('MMMM Do YYYY'), 
    html = '<p>Starts: ' + start + '<p>'; 
    html += '<p>Ends: ' + end + '<p>'; 
    var modal = $("#modal"); 
    modal.find(".modal-title").html(event.title); 
    modal.find('.modal-body').html(html) 
    modal.modal(); 
    } 
}); 
}); 
});//]]> 

      </script> 
     <script type="text/javascript"> 

      $(document).ready(function() { 
// Generate a simple captcha 
function randomNumber(min, max) { 
    return Math.floor(Math.random() * (max - min + 1) + min); 
} 

function generateCaptcha() { 
    $('#captchaOperation').html([randomNumber(1, 100), '+', randomNumber(1, 200), '='].join(' ')); 
} 

generateCaptcha(); 

$('#contactForm') 
.formValidation({ 

}) 
.on('success.form.fv', function(e) { 
    // Prevent default form submission 
    e.preventDefault(); 

    // Change these values to match with your application 
    var MANDRILL_API_KEY = 'YOUR-MANDRILL-API-KEY', 
     EMAIL_SUBJECT = 'Find Volunteerships - Sign Up Confirmation ', 


    var $form = $(e.target), 
     // Generate a message based on submitted form data 
     body = [ 
      '<strong>Name:</strong> ' +  $form.find('[name="firstName"]').val() + ' ' + $form.find('[name="lastName"]').val(), 
      '<strong>School</strong> ' + ($form.find('[name="school"]').val() || 'n/a'), 
      '', 
      '<strong>Message:</strong> ', 
      $form.find('[name="school"]').val() 
     ].join('<br/>'); 

    // Send the message 
    $.ajax({ 
     type: 'POST', 
     url: 'http://mandrillapp.com/api/1.0/messages/send.json', 
     contentType: 'text/plain', 
     dataType: 'json', 
     data: { 
      key: MANDRILL_API_KEY, 
      message: { 
       from_name: $form.find('[name="fullName"]').val(), 
       from_email: $form.find('[name="email"]').val(), 
       to: [ 
        { 
         email: $form.find('[name="email"]').val(), 
         name: $form.find('[name="fullName"]').val(), 
         'type': 'to' 
        } 
       ], 
       auto_text: true, 
       subject: EMAIL_SUBJECT, 
       html: body 
      } 
     } 
    }).done(function(response) { 
     // Clear the form 
     $form.formValidation('resetForm', true); 

// Regenerate the captcha 

.on('err.form.fv', function(e) { 
     // Regenerate the captcha 
     generateCaptcha(); 
    }); 

     // Show the message 
     response.status === 'error' 
      ? $('#alertContainer') 
       .removeClass('alert-success') 
       .addClass('alert-warning') 
       .html('Sorry, cannot register the sign up') 
       .show() 
      : $('#alertContainer') 
       .removeClass('alert-warning') 
       .addClass('alert-success') 
       .html('Your sign up has been successfully registered') 
       .show(); 
    }).fail(function(jqXHR, textStatus, errorThrown) { 
     $('#alertContainer') 
      .removeClass('alert-success') 
      .addClass('alert-warning') 
      .html('Sorry, cannot register the sign up') 
      .show(); 
    }); 
+0

Potresti metti questo in un violino? Ho problemi a capire il tuo codice –

+0

Il codice inizia: '{ title: 'Event', start: '2016-03-26T11: 00: 00', fine: '2016-03-26T12: 00: 00', }, 'questo è un oggetto letterale? Se è così, ha bisogno di un nome: es. 'var obj =' – zer00ne

+0

C'è un ']' dopo, quindi questa è una matrice di oggetti? Si prega di assicurarsi di tagliare e incollare con cura. – zer00ne

risposta

-1

Non sei sicuro di quello che volevi dire, probabilmente qualcosa di simile?

modal.find('.' + modal-body) 

Ma non posso variabile hanno nome con il segno "-" in esso ..

"modal-body" è uguale a "modal - body", in modo che sarà meno uno dall'altro ..

+1

Non è una buona idea indovinare ciò che l'utente sta chiedendo. Se non è chiaro, dovresti chiedere chiarimenti in un commento. Nota, non sto suggerendo che la tua risposta sia sbagliata, ma il modo in cui hai proposto sembra suggerire che non sei chiaro su quale sia la vera domanda. – justinw

+0

Hai ragione, dovrei usare 'commento', non rispondere. – faster

+0

@faster Scusate per la confusione e grazie per la vostra risposta, ho appena modificato la domanda. - Come posso fare precompilare un campo di input HTML con una variabile? In questo caso, la variabile modale del corpo. – Lanie909

Problemi correlati