Pagina 1 di 2 1 2 ultimoultimo
Visualizzazione dei risultati da 1 a 10 su 14

Discussione: Calendario per Form

  1. #1

    Calendario per Form

    Ciao a tutti,

    ho provato ad inserire un calendario, e per la precisione l'833 della raccolta di HTML in una pagina dove già ho una formattazione e non riesco a farlo stare nella formattazione preesistente.. come posso fare?

    Grazie
    Alasque

  2. #2
    Moderatore di JavaScript L'avatar di br1
    Registrato dal
    Jul 1999
    Messaggi
    19,998
    Perdona, non accollarci l'onere di andare a cercare l'esempio 833 e spolverare la palla di vetro per sapere come e' la formattazione di una pagina sconosciuta... posta un link alla pagina pubblicata oppure tutto il codice necessario a riprodurre e capire il problema
    Il guaio per i poveri computers e' che sono gli uomini a comandarli.

    Attenzione ai titoli delle discussioni: (ri)leggete il regolamento
    Consultate la discussione in rilievo: script / discussioni utili
    Usate la funzione di Ricerca del Forum

  3. #3
    Ciao Br1,

    grazie per avermi risposto. in realtà mi sono accoro che il picker non ha problemi a stare nella formattazione della mia pagina. il problema è che xlicco per inviare e non invia più il modulo


    Codice:

    <script type="text/javascript" src="calendar.js"></script>
    <script type="text/javascript" src="calendar-it.js"></script>

    <script type="text/javascript">

    var oldLink = null;
    function setActiveStyleSheet(link, title) {
    var i, a, main;
    for(i=0; (a = document.getElementsByTagName("link")[i]); i++) {
    if(a.getAttribute("rel").indexOf("style") != -1 && a.getAttribute("title")) {
    a.disabled = true;
    if(a.getAttribute("title") == title) a.disabled = false;
    }
    }
    if (oldLink) oldLink.style.fontWeight = 'normal';
    oldLink = link;
    link.style.fontWeight = 'bold';
    return false;
    }

    // This function gets called when the end-user clicks on some date.
    function selected(cal, date) {
    cal.sel.value = date; // just update the date in the input field.
    if (cal.dateClicked && (cal.sel.id == "sel1" || cal.sel.id == "sel3"))
    cal.callCloseHandler();
    }

    function closeHandler(cal) {
    cal.hide(); // hide the calendar
    // cal.destroy();
    _dynarch_popupCalendar = null;
    }

    function showCalendar(id, format, showsTime, showsOtherMonths) {
    var el = document.getElementById(id);
    if (_dynarch_popupCalendar != null) {
    // we already have some calendar created
    _dynarch_popupCalendar.hide(); // so we hide it first.
    } else {
    // first-time call, create the calendar.
    var cal = new Calendar(1, null, selected, closeHandler);
    // uncomment the following line to hide the week numbers
    // cal.weekNumbers = false;
    if (typeof showsTime == "string") {
    cal.showsTime = true;
    cal.time24 = (showsTime == "24");
    }
    if (showsOtherMonths) {
    cal.showsOtherMonths = true;
    }
    _dynarch_popupCalendar = cal; // remember it in the global var
    cal.setRange(1900, 2070); // min/max year allowed.
    cal.create();
    }
    _dynarch_popupCalendar.setDateFormat(format); // set the specified date format
    _dynarch_popupCalendar.parseDate(el.value); // try to parse the text in field
    _dynarch_popupCalendar.sel = el; // inform it what input field we use

    _dynarch_popupCalendar.showAtElement(el.nextSiblin g, "Br"); // show the calendar

    return false;
    }

    var MINUTE = 60 * 1000;
    var HOUR = 60 * MINUTE;
    var DAY = 24 * HOUR;
    var WEEK = 7 * DAY;

    function isDisabled(date) {
    var today = new Date();
    return (Math.abs(date.getTime() - today.getTime()) / DAY) > 10;
    }

    function flatSelected(cal, date) {
    var el = document.getElementById("preview");
    el.innerHTML = date;
    }

    function showFlatCalendar() {
    var parent = document.getElementById("display");

    var cal = new Calendar(0, null, flatSelected);

    cal.weekNumbers = false;

    cal.setDisabledHandler(isDisabled);
    cal.setDateFormat("%A, %B %e");

    cal.create(parent);

    cal.show();
    }
    </script>

    Nella Tabella:


    Data di Arrivo[/b]</div></td>
    <td colspan="2" class="Testo_Grigio"><form action="#">
    <input type="text" name="date3" id="sel3" size="30"
    ><input type="reset" value=" ... "
    onclick="return showCalendar('sel3', '%d/%m/%Y');"> </form>
    Alasque

  4. #4
    credo di aver dato tutti i rifeimenti ma non ho più ricevuto risposta
    Alasque

  5. #5
    Moderatore di Annunci siti web, Offro lavoro/collaborazione, Cerco lavoro L'avatar di cavicchiandrea
    Registrato dal
    Aug 2001
    Messaggi
    26,133
    In questi casi io consiglio sempre di mettere un link alla pagina demo pubblica cosi d'avere un quadro completo e poter verificare il problema.
    Cavicchi Andrea
    Problemi con javascript, jquery, ajax clicca qui

  6. #6

  7. #7
    Moderatore di Annunci siti web, Offro lavoro/collaborazione, Cerco lavoro L'avatar di cavicchiandrea
    Registrato dal
    Aug 2001
    Messaggi
    26,133
    hai due tasti topo "reset" cambia il il tasto del calendario con un button
    Cavicchi Andrea
    Problemi con javascript, jquery, ajax clicca qui

  8. #8
    l'ho modificato nel seguente modo ma non invia il modulo:

    <form action="#">
    <input type="text" name="date3" id="sel3" size="30"
    ><button type="button" onclick="return showCalendar('sel3', '%d/%m/%Y');">Click Me!</button>
    </form>
    Alasque

  9. #9
    Moderatore di Annunci siti web, Offro lavoro/collaborazione, Cerco lavoro L'avatar di cavicchiandrea
    Registrato dal
    Aug 2001
    Messaggi
    26,133
    Boh... a me con firefox e safari va benissimo
    Cavicchi Andrea
    Problemi con javascript, jquery, ajax clicca qui

  10. #10
    hai ragione, ho provato con firefox e lo invia. da cosa può dipendere?
    Alasque

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.