html + firebase

@zouve@ · 25 Μαρτίου 2019

προσπαθώ να φέρω τα δεδομένα που έχω στη βάση σε έναν πίνακα μέσω JS αλλά όλου κτυπάει

"Uncaught ReferenceError: $ is not defined" το έχω ψάξει το σφάλμα αλλά δε βρίσκω άκρη είμαι ψηλό άσχετος από JS και HTML μόνο τα βασικά ξέρω

χρειάζομαι να φτιάξω μια εργασία για το μεταπτυχιακό μου. Έχει κάποιος καμιά ιδέα να με βοηθήσει;

Predatorkill · 25 Μαρτίου 2019

το $ ειναι η jquery, την εχεις βαλει π.χ. στο index.html;

Αν δεν μας παραθεσεις κωδικα δεν γινεται να σου πουμε τι φταιει.

Επεξ/σία 25 Μαρτίου 2019 από Predatorkill

@zouve@ · 25 Μαρτίου 2019

Το ΗΤΜL αρχείο

<html>
	<head>
		<title>Fall-App Admin Panel</title>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
		<LINK rel="stylesheet" href="style.css" type="text/css" media="all">
		<script src="https://www.gstatic.com/firebasejs/5.8.6/firebase.js"></script>
		
	</head>
	
	<body>
		<div class="cabecera">
			
		</div>
		
		<div class="cuerpo">
			<div class="botones">
				<table style="background-color:grey;height:100%; width:99%" border="10" id="logout">
					<tr><td><a href="socialServices.html">Επεξεργασία Κοινωνικών Υπηρεσιών</a></td></tr>
					<tr><td><a href="index.html"id="logout">Αποσύνδεση</a></td></tr>
				</table>
				
			</div>
			
			<div class="welcome">
				<div class="container">
					<form>
						<input class="input" type="text" placeholder="Αναζήτηση για ...">
						<input class="submit" type="submit" id="searchBtn" value="Εύρεση">
					</form>
					
					<table class="searchTable" style="width:100%">
						<thead>
						  <tr>
							<td>Όνομα Υπηρεσίας</td>
							<td>Διεύθυνση</td> 
							<td>Τ.Κ</td>
							<td>Πόλη</td>
							<td>Τηλέφωνο</td>
						  </tr>
						</thead>  
					<tbody id="tableBody">
						
					</tbody>					
					</table>
				</div>
				
				<form id="submitForm">
				  Όνομα Υπηρεσίας:<br>
				  <input type="text" name="name" id="nameDB"><br>
				  Διεύθυνση:<br>
				  <input type="text" name="address" id="addressDB">
				   Τ.Κ:<br>
				  <input type="text" name="postal" id="postalDB">
				   Πόλη:<br>
				  <input type="text" name="city" id="cityDB">
				   Τηλέφωνο:<br>
				  <input type="text" name="phone" id="phoneDB">
			  
				   <button type="submit" id="btnInsert">Εισαγωγή</button>
				</form>
				
				
			</div>
		</div>
		
		<div class="pie">
			
		</div>
		<script src="registered.js"></script>
	</body>
</html>

και εδώ το registered.js

(function() {

	//initialize Firebase
	var config = {
		
	};
	firebase.initializeApp(config);
	
	
	//regerence messages collection
	var messagesRef = firebase.database().ref('socialServices');
	
	
	messagesRef.on("child_added", snap =>  {
		var name=snap.child("name").val();
		var address=snap.child("address").val();
		var postal=snap.child("postal").val();
		var city=snap.child("city").val();
		var phone=snap.child("phone").val();
		
		$("#searchTable").append("<tr><td>" + name + "</td><td>" + address + "</td><td>" + 
				postal + "</td><td>" + city + "</td><td>" + phone + "</td></tr>");
	});
	
	
	
	//listen for form submit
	document.getElementById('submitForm').addEventListener('submit', submitForm);
	
	
	//submit form
	function submitForm(e){
		e.preventDefault();
		
		//get values
		var name=getInputVal('nameDB');
		var address=getInputVal('addressDB');
		var postal=getInputVal('postalDB');
		var city=getInputVal('cityDB');
		var phone=getInputVal('phoneDB');

		//save message
		saveMessage(name, address, postal, city, phone);
		
		
	}
	
	//function to get form values
	function getInputVal(id){
		return document.getElementById(id).value;
	}
	
	//save message to firebase
	function saveMessage(name, address, postal, city, phone){
		var newMessageRef = messagesRef.push();
		newMessageRef.set({
			name: name,
			address: address,
			postal: postal,
			city: city,
			phone: phone
		});	
	
	}
	
	
}());

κτυπάει στο $("#searchTable").append στο JS

βασικά θέλω να το φτιάξω έτσι ώστε να μην φέρνει όλα τα δεδομένα της βάσης μονομιάς αλλά να μπορεί ο χρήστης να κάνει search στο 'Όνομα υπηρεσίας' και να του επιστέφει εκείνη-ες τις εγγραφές

Τώρα επειδή είμαι άπειρος προσπαθώ να τις φέρω όλες και μετά να δω πως κάνω την εύρεση και αργότερα τη διαγραφή επιλέγοντας κάποια γραμμή του πίνακα και επιλέγοντας το αντίστοιχο κουμπί .....

Επεξ/σία 25 Μαρτίου 2019 από @zouve@

Predatorkill · 25 Μαρτίου 2019

https://www.w3schools.com/jquery/jquery_get_started.asp

θα τη βαλεις πανω απο απο το registered.js στο index.html ή μεσα στο head tag.

Επεξ/σία 25 Μαρτίου 2019 από Predatorkill

@zouve@ · 26 Μαρτίου 2019

58 λεπτά πριν, Predatorkill είπε

https://www.w3schools.com/jquery/jquery_get_started.asp

θα τη βαλεις πανω απο απο το registered.js στο index.html ή μεσα στο head tag.

αν το βάλω μέσα στο head μετά κρασάρει στο

//listen for form submit 

document.getElementById('submitForm').addEventListener('submit', submitForm);

Uncaught TypeError: Cannot read property 'addEventListener' of null

Επεξ/σία 26 Μαρτίου 2019 από @zouve@

@zouve@ · 26 Μαρτίου 2019

18 ώρες πριν, Predatorkill είπε

το $ ειναι η jquery, την εχεις βαλει π.χ. στο index.html;

Αν δεν μας παραθεσεις κωδικα δεν γινεται να σου πουμε τι φταιει.

αυτό έφταιγε

Σύνδεση

html + firebase

Προτεινόμενες αναρτήσεις

@zouve@

Predatorkill

@zouve@

Predatorkill

@zouve@

@zouve@

Δημιουργήστε ένα λογαριασμό ή συνδεθείτε για να σχολιάσετε

Δημιουργία λογαριασμού

Σύνδεση

Σύνδεση