• Das Erstellen neuer Accounts wurde ausgesetzt. Bei berechtigtem Interesse bitte Kontaktaufnahme über die üblichen Wege. Beste Grüße der Admin

autocomplete

The_C

Member
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:
<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:
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",
									minLength: 1,
									order: "asc",
									hint: true,

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

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


									source: {
										teams: {
											data: data
										}
									},

									callback: {
										onClickAfter: function (node, form, items, event) {
											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(); 
												});

											});
										}
									},
								});
 
Zuletzt bearbeitet:
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.
 
Zurück
Oben