Ergebnis 1 bis 2 von 2

Thema: autocomplete

  1. #1
    The_C ist offline Tripel-As
    registriert
    01-08-2011
    Beiträge
    242

    autocomplete

    Hab in meinem FullCalendar ein autocomplete mit jquery.typeahead.js eingebaut.
    Im Accordeon Kundendaten Nachnamen auf der rechten Seite funktioniert das auch sehr gut.
    Wenn ich jetzt aber im Calendar in ein freies Feld clicke erscheint die fancybox mit den gleichen Eingabefelder wie bei Kundendaten Accordion und da funktioniert das aotocomplete nicht.

    Ich hab echt keine Ahnung weshalb das nicht funktioniert weis hier jemand wieso das nicht klappt und wie man das in der fancybox zum laufen bekommt?

    Danke schon mal jetzt für Eure Hilfe!

    Das ist das HTML:
    PHP-Code:
    <div class="form-group">
                        <
    label for="eingabefeldNachname3" class="col-sm-4 control-label">Nachname</label>
                        <
    div class="col-sm-8">
                          <!-- 
    Typehead autocomplete START-->
                                      <
    div class="typeahead__container">
                                           <
    div class="typeahead__field">
                                              <
    span class="typeahead__query">
                                                  <
    input autocomplete="off" placeholder="Nachname" class="form-control js-typeahead" id="eingabefeldNachname3" type="text" name="tx_mwterminplaner_mwtermine[newKundendaten][nachname]" />
                                               </
    span>
                                         </
    div>
                                      </
    div>
                          <!-- 
    Typehead autocomplete END-->

                        </
    div>
                      </
    div
    Und das JS für die Ansteuerung:
    PHP-Code:
    var fancyContent = $('#fancyform').html();

            $.
    fancybox({
                
    'content'fancyContent
            
    });

    var 
    data = [
                                         
                                         {
                                            
    "name""Mayer",
                                            
    "vorname""Martin",
                                             
    "getdaten"'http://hier-die-daten.at/index.php?id=1&eID=Kunde&tx_mwterminplaner_mwtermine[kundendaten]=2&tx_mwterminplaner_mwtermine[action]=showkunde&tx_mwterminplaner_mwtermine[controller]=Kundendaten',
                                            
    "id""2"
                                         
    },
                                          
                                         {
                                            
    "name""Huber",
                                            
    "vorname""Christian",
                                             
    "getdaten"'http://hier-die-daten.at.at/index.php?id=1&eID=Kunde&tx_mwterminplaner_mwtermine[kundendaten]=3&tx_mwterminplaner_mwtermine[action]=showkunde&tx_mwterminplaner_mwtermine[controller]=Kundendaten',
                                            
    "id""3"
                                         
    },
                                          
                                         {
                                            
    "name""Muster",
                                            
    "vorname""Max",
                                             
    "getdaten"'http://hier-die-daten.at/index.php?id=1&eID=Kunde&tx_mwterminplaner_mwtermine[kundendaten]=26&tx_mwterminplaner_mwtermine[action]=showkunde&tx_mwterminplaner_mwtermine[controller]=Kundendaten',
                                            
    "id""26"
                                         
    }
                                          
                                     ];


                                    
    typeof $.typeahead === 'function' && $.typeahead({
                                        
    input".js-typeahead",
                                        
    minLength1,
                                        
    order"asc",
                                        
    hinttrue,

                                        
    templateValue"{{name}}",
                                        
    display: ["vorname""name"],
                                        
    template: function (queryitem) {

                                            return 
    '<span class="rowd">' +
                                                
    '<span class="username">{{vorname}} {{name}}</span>' +
                                            
    "</span>"
                                        
    },
                                        
    emptyTemplate'keine Ergebnisse für {{query}}',


                                        
    source: {
                                            
    teams: {
                                                
    datadata
                                            
    }
                                        },

                                        
    callback: {
                                            
    onClickAfter: function (nodeformitemsevent) {
                                                
    event.preventDefault();
                                                var 
    url items['getdaten'];
                                                $(
    'div#toggle_vorteile_i').fadeOut(function() {
                                                    $(
    '#toggle_vorteile').stop().slideDown(300, function() {
                                                        $(
    'div#toggle_vorteile_i').load(url, function() {
                                                            $(
    'div#toggle_vorteile_i').fadeIn();
                                                        }); 
                                                        
    e.preventDefault(); 
                                                    });

                                                });
                                            }
                                        },
                                    }); 
    Geändert von The_C (26-06-2018 um 08:37 Uhr)

  2. #2
    Avatar von mikdoe
    mikdoe ist offline Administrator
    registriert
    01-05-2010
    Beiträge
    7.625

    AW: autocomplete

    In der Console wird ein Fehler angezeigt.

    Wo sollte denn was auf gehen nach Klick in den Kalender?
    Ich habe mit einem 10 '' Win Tablet und Chrome getestet und sehe nichts auf gehen.
    Das deutsche Javascript Forum http://forum.jswelt.de http://forum.jswelt.de/images/logoJsWeltForumV4_32x22.png
    Sorry wenn ich manchmal ohne Hallo und nur klein schreibe! Dann bin ich nicht unfreundlich sondern mit nervigem kleinem Touch Tablet zugange

Ähnliche Themen

  1. XSS bei GMaps Autocomplete
    Von Iago im Forum JavaScript
    Antworten: 5
    Letzter Beitrag: 30-10-2013, 21:36
  2. autocomplete mit jquery
    Von dreat im Forum JavaScript
    Antworten: 3
    Letzter Beitrag: 02-01-2013, 06:36
  3. AutoSuggest / AutoComplete
    Von fox_bw im Forum JavaScript
    Antworten: 11
    Letzter Beitrag: 23-11-2010, 23:30
  4. jQuery Autocomplete
    Von besucher80 im Forum JavaScript
    Antworten: 13
    Letzter Beitrag: 21-06-2010, 14:08
  5. jquery.autocomplete.js
    Von NobodyBody im Forum JavaScript
    Antworten: 7
    Letzter Beitrag: 13-01-2010, 08:12

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •