jQuery Forum

Autocomplete
[1Reply]
- 23-Nov-2019 08:53 AM
- Forum: Using jQuery UI
Hi there, i'm using autocomplete, for popolate an input with lastname
if I create the json with only lastname all is ok. But really I would add matricula, name, lastname in my json.
So my json will be
{matricula:111, name:John, lastname:Doe}

I can create the json array, but I can't figure how use this json on autocomplete.

Thanks for your help

jquery function
[1Reply]
- 21-Feb-2018 03:28 AM
- Forum: Getting Started
Hi there, I have some fields in same page, that I need check before save data in db. I created one function for each section, and for check I use a if chain

if(checkTestata()){
if(checkVigili()){
if(checkMezzi()){

if(checkAutista()){
interventoSave();
}
}
}
until function checkVigili everythings is ok.
But function checkMezzi() don't work properly. This function check a table, and show a message to the user, if user click ok the return value is true, else is false.
But the result of the function don't follow the user choise.
the function is :
2. function checkMezzi() {
3. var row = 0;
4. var id;
5. var kmfine;
6. var kmin;
7. var kmfin;
8. var validazione;
9. $('#vehicle-table >tbody>tr').each(function () {
10. row++;
11. id = $(this).find('.id').html();
12. kmin = $(this).find('.kmini').html();
13. kmfin = $(this).find('.kmfine').val();
14. if (parseFloat(kmfin) < parseFloat(kmin)) {
15. bootbox.prompt("Errore Km mezzo", "Mezzo con Id: " + id + " km finali errati, corregere o rimuovere mezzo");
16. validazione = false;
17. }
19. else {
20. kmfine = parseFloat(kmfin) - parseFloat(kmin);
21. bootbox.confirm({
22. title: "Mezzo: " + id,
23. message: "Km Percorsi: " + kmfine + " I km sono corretti?",
24. buttons: {
25. confirm: {
26. label: 'Ok',
27. className: 'btn-success'
28. },
29. cancel: {
30. label: 'No',
31. className: 'btn-danger'
32. }
33. },
34. callback: function (result) {
35. if (result) {
36. validazione = true;
37. } else {
38. validazione = false;
39. }
40. }
42. });
43. }
45. });
46. if (row === 0) {
47. bootbox.alert("Nessun mezzo per intervento. Selezionare Mezzo")
49. validazione = false;
50. }
52. return validazione;
54. }

another problem with list
[1Reply]
- 27-Dec-2017 05:15 AM
- Forum: Using jQuery
Hi there, hope you got an amazing christmas gift. this is my problem:
I have a year list, when I click on an element of list, I send the data by ajax to php, and refresh the page with new data. this is working perfetcly.
On my list I start with a simbol near the current year. If I click on different year I would that the simbol apper only in the year that I clicked.
I can't achive this.
2. <ul class="dropdown-menu">
3. <li class="header">Esercizio Contabile</li>
4. <li class="esercizio">
5. <a href="#">
6. <i class="fa text-aqua"></i> 2018
7. </a>
8. </li>
9. <li class="esercizio">
10. <a href="#">
11. <i class="fa text-aqua"></i> 2017
12. </a>
13. </li>
16. </ul>
jquery code:
2. $(function(){
3. var current_year = (new Date).getFullYear();
4. var year;
5. $( "li.esercizio" ).each(function( index ) {
6. year = $( this ).text();
7. if (year===current_year){
8. $(".dropdown-menu .fa-check-circle").removeClass("fa-check-circle");
9. $(this).find('i').addClass('fa-check-circle');
10. }
12. });
15. $('.esercizio').click(function(){
17. year = $(this).text();
19. $.ajax({
20. headers:{
21. 'X-CSRF-Token':$('meta[name="_token"]').attr('content')
22. },
23. type:'post',
24. url : 'eserciziofiscale',
25. data:{anno:year},
26. dataType: "text",
27. success: function(data){
29. $( "li.esercizio" ).each(function( index ) {
30. var value = $(this).text();
32. if (year===value){
33. $(".dropdown-menu .fa-check-circle").removeClass("fa-check-circle");
34. $(this).find('i').addClass('fa-check-circle');
35. }
37. });
39. window.location.replace('dashboard');
41. }
42. });
45. });
46. });
Thanks for help

Manage claas in list
[3Replies]
- 17-Nov-2017 11:00 AM
- Forum: Getting Started
Hi there.
I have a simple list
2. <ul class="dropdown-menu">
3. <li class="header">Esercizio Contabile</li>
4. <li>
5. <a href="#" class="esercizio">
6. <i class="fa text-aqua"></i> 2018
7. </a>
8. <a href="#" class="esercizio">
9. <i class="fa text-aqua"></i> 2017
10. </a>
11. </li>
12. <li class="disabled">
13. <a href="#" class="esercizio">
14. <i class="fa fa-warning text-yellow"></i> 2016
15. </a>
16. </li>
17. </ul>
and I would add a class ('fa-check-circle') in 'i' when the user click on 'a' and delete all class ('fa-check-circle') in the other 'li'
Actualy I can add class, but I don't know how delete the all class.

This is my jquery code:
2. $(function(){
3. $('.esercizio').click(function(){
4. var anno = $(this).text();
5. $(this).find('i').addClass('fa-check-circle');
6. });
7. });
Thanks for help.

Error with ajax
[2Replies]
- 27-May-2017 03:58 AM
- Forum: Using jQuery
Hi. I have a form with some fields ad the field for upload an image. Inside this form there is a table with some rows. My target is send all form informations to php.
1. This is my code:
3. $(document).ready(function(){
4. var array_orari =[];
5. $("#salva").click(function(){
7. $('#orari tbody tr').each(function () {
9. var giorno = $(this).find(".giorno").html();
10. var apertura1 = $(this).find(".ap1").val();
11. var chiusura1 = $(this).find(".ch1").val();
12. var apertura2 = $(this).find(".ap2").val();
13. var chiusura2 = $(this).find(".ch2").val();
15. array_orari.push({giorno: giorno, apertura1:apertura1, chiusura1:chiusura1, apertura2:apertura2, chiusura2:chiusura2});
17. });
19. array_orari = JSON.stringify(array_orari);
23. var formData = new FormData($('#data')[0]);
25. formData.append('array_orari',array_orari);
27. $.ajax({
28. url: 'ristoDao.php',
29. type: 'POST',
30. dataType:'JSON',
31. data: formData,
32. success: function (data) {
33. alert(data)
34. }
35. });
36. });
37. });
My problem is when try to send the data to php I have an error on ajax.
Uncaught TypeError: Illegal invocation
I cant't understand the error. Please help me.

upload photo using $.ajax
[2Replies]
- 29-Jan-2017 08:46 AM
- Forum: Using jQuery
my target is upload an image on server directly without submit button and in the same time show the preview.

my html:
2. <form id='userPhoto' name='userPhoto' method="post" enctype="multipart/form-data">
3. <div class="profile-info">
4. <div class="profile-photo">
5. <div class="image-upload">
6. <div class="image-upload">
7. <label for="fileToUpload">
8. <img id='image' src="{{url('assets/globals/img/faces/9.jpg')}}" alt=''/>
9. </label>
10. <input type="file" name="fileToUpload" id="fileToUpload">
11. </div>
12. </div>
13. 
14. </div>
15. <div class="profile-text light">
17. Tolga Ergin
18. <span class="caption">Account id: 123456</span>
20. </div>
22. </div>
24. </form>
this is my js
2. $(document).ready(function () {
3. function readURL(input) {
4. if (input.files && input.files[0]) {
5. var reader = new FileReader();
6. reader.onload = function (e) {
7. $('#image').attr('src', e.target.result);
8. };
9. reader.readAsDataURL(input.files[0]);
10. }
12. }
14. $("#fileToUpload").change(function(){
15. readURL(this);
16. $.ajax({
17. url: "../upload.php",
18. type: "POST",
19. data:new FormData(this),
20. contentType: false,
21. cache: false,
22. processData:false,
23. success: function(data)
24. {
25. ......}
26. });
28. });
29. });
I can show the preview of the image, but to the php script ajax don't pass data, I try also with data: $('#userPhoto).serialize() without success.
how I can perform my target?

select the right image
[7Replies]
- 20-Dec-2016 10:54 AM
- Forum: Using jQuery
Hi, I have a table with n rows
this is an example of row
2. <tr>
3. <td>
4. <div>
5. <img class="deleteimage" src="' . $image . '" />
6. <a href='' class='trash2'>
7. <i class='glyphicon glyphicon-trash'></i>
8. </a>
9. </div>
10. </td>
11. <td>
12. <input type='checkbox' " . $chk . "> <b>Copertina</b>
13. </td>
14. </tr>
I would select the name of the images that is select
I can't select the right image. I select only the first image in the row. This is my code:
2. $('#table-image').find('tr').each(function () {
3. rowTable = $(this);
4. if (rowTable.find('input[type="checkbox"]').is(':checked')) {
5. value = rowTable.find('img').attr('src');
6. nomeCopertina =value.substring(value.lastIndexOf('/')+1);
7. }
Thanks for help

name file
[3Replies]
- 11-Oct-2016 05:37 AM
- Forum: Using jQuery
Hi there, I need retrieve the name file witht extension

value = row.find('a').html();
value is : "<img src="http://localhost/Domus/uploadFile/server/php../../../../images/immobili/tmp_kernel/thumbnail/58.jpg">"

I try with
2. String.prototype.filename = function (extension) {
4. var s = this.replace(/\\/g, '/');
5. s = s.substring(s.lastIndexOf('/') + 1);
6. return extension ? s.replace(/[?#].+$/, '') : s.split('.')[0];
8. };
9. nomeCopertina = value.filename();
but nomeCopertina is the name of file without the extension.
how can I fix it?

best pratics
[4Replies]
- 01-Mar-2016 07:32 AM
- Forum: Using jQuery
Hi, I have a table with

Rooms - 1 +
Adults - 1 +
Children -1+

when I click on Rooms + I need to add Adults row and Children row.

Is better if I add another table or add simply the row? Consider that when I click on Room - if there are the rows about Adults and Children this row must be deleted

Hope I explain enough clear my problem.

Sticky sidebar
[1Reply]
- 28-Feb-2016 06:42 AM
- Forum: Using jQuery
Can suggest a good plugin for manage properly and create a sticky sidebar?
Thanks

modal window
[1Reply]
- 25-Feb-2016 10:25 PM
- Forum: Using jQuery UI
Hi there, here http://www.kernel-online.it/divecircle there is my project.

If you click on grey button "INSERISCI LA TUA DESTINAZIONE PREFERITA" a popup is open.
After if you click on Passegero another popup is open.

My problem is the position the second popup: I would put this popup under the button "Passeggero" instead in the center of the first popup
2. $('#addperson-1').click(function(){
3. $('#select-person').dialog({
4. width:270,
5. height:160,
6. maxWidth:300,
7. maxHeight: 160,
8. my: "right center",
9. at: "right bottom",
10. of: "#dialog" /*the first popup*/
11. });
13. });

multidimension json array
[3Replies]
- 20-Feb-2016 05:39 AM
- Forum: Using jQuery
Hi there, I have a multidimension array:
2. {
3. "errorCode": 200,
4. "errorMsg": null,
5. "obj": [
6. {
7. "comparableInfo": null,
8. "id": 1,
9. "name": {
10. "comparableInfo": null,
11. "val": "EUROPA",
12. "id": 0,
13. "description": null,
14. "traslation": {
15. "EN": {
16. "comparableInfo": null,
17. "lang": null,
18. "val": "EUROPE"
19. },
20. "IT": {
21. "comparableInfo": null,
22. "lang": null,
23. "val": "EUROPA"
24. }
25. }
26. },
27. "img": {
28. "comparableInfo": null,
29. "id": 0,
30. "name": "",
31. "url": null,
32. "file": null,
33. "contentType": null,
34. "comments": null,
35. "owner": null,
36. "likes": null,
37. "tags": null,
38. "is": null,
39. "numberOfLike": 0
40. }
41. },
42. {
43. "comparableInfo": null,
44. "id": 2,
45. "name": {
46. "comparableInfo": null,
47. "val": "ASIA",
48. "id": 0,
49. "description": null,
50. "traslation": {
51. "EN": {
52. "comparableInfo": null,
53. "lang": null,
54. "val": "ASIA"
55. },
56. "IT": {
57. "comparableInfo": null,
58. "lang": null,
59. "val": "ASIA"
60. }
61. }
62. },
63. "img": {
64. "comparableInfo": null,
65. "id": 0,
66. "name": "",
67. "url": null,
68. "file": null,
69. "contentType": null,
70. "comments": null,
71. "owner": null,
72. "likes": null,
73. "tags": null,
74. "is": null,
75. "numberOfLike": 0
76. }
77. },
78. {
79. "comparableInfo": null,
80. "id": 3,
81. "name": {
82. "comparableInfo": null,
83. "val": "AFRICA",
84. "id": 0,
85. "description": null,
86. "traslation": {
87. "EN": {
88. "comparableInfo": null,
89. "lang": null,
90. "val": "AFRICA"
91. },
92. "IT": {
93. "comparableInfo": null,
94. "lang": null,
95. "val": "AFRICA"
96. }
97. }
98. },
99. "img": {
100. "comparableInfo": null,
101. "id": 0,
102. "name": "",
103. "url": null,
104. "file": null,
105. "contentType": null,
106. "comments": null,
107. "owner": null,
108. "likes": null,
109. "tags": null,
110. "is": null,
111. "numberOfLike": 0
112. }
113. },
114. {
115. "comparableInfo": null,
116. "id": 4,
117. "name": {
118. "comparableInfo": null,
119. "val": "AMERICA",
120. "id": 0,
121. "description": null,
122. "traslation": {
123. "EN": {
124. "comparableInfo": null,
125. "lang": null,
126. "val": "AMERICA"
127. },
128. "IT": {
129. "comparableInfo": null,
130. "lang": null,
131. "val": "AMERICA"
132. }
133. }
134. },
135. "img": {
136. "comparableInfo": null,
137. "id": 0,
138. "name": "",
139. "url": null,
140. "file": null,
141. "contentType": null,
142. "comments": null,
143. "owner": null,
144. "likes": null,
145. "tags": null,
146. "is": null,
147. "numberOfLike": 0
148. }
149. },
150. {
151. "comparableInfo": null,
152. "id": 5,
153. "name": {
154. "comparableInfo": null,
155. "val": "OCEANIA",
156. "id": 0,
157. "description": null,
158. "traslation": {
159. "EN": {
160. "comparableInfo": null,
161. "lang": null,
162. "val": "OCEANIA"
163. },
164. "IT": {
165. "comparableInfo": null,
166. "lang": null,
167. "val": "OCEANIA"
168. }
169. }
170. },
171. "img": {
172. "comparableInfo": null,
173. "id": 0,
174. "name": "",
175. "url": null,
176. "file": null,
177. "contentType": null,
178. "comments": null,
179. "owner": null,
180. "likes": null,
181. "tags": null,
182. "is": null,
183. "numberOfLike": 0
184. }
185. }
186. ]
187. }
I need have this data id, name:value from it

I try write some code but I can't understand how parse the sub array like name.

this is my primitive code:
2. $(function(){
4. var data;
5. var l_id_nation;
6. var name;
8. $.ajax({
10. type: 'GET',
11. dataType:'json',
12. url:'json.php',
14. success: function(response) {
16. data = response.obj;
18. console.log(data);
19. $.each(data, function(i, id_nation){
21. l_id_nation = id_nation.id;
24. $('#sidemenu').append('<li>'+l_id_nation+'</li>');
26. });
28. },
29. error: function(xhr, ajaxOptions, thrownError) {
30. alert(xhr.status);
31. alert(thrownError);
32. }
33. });
});
my target is have the id and the name of continet for it

so I can write
1. $('#sidemenu').append('<li><a href=url/'+id+'>'+name+'</a></li>');

Retrieve form data
[7Replies]
- 03-Jan-2016 01:03 AM
- Forum: Using jQuery
I have a form with some fields, by a button I duplicate this fields n-times.
2. <div class="noo-control-group">
3. <div class="group-title">Dati Catastali</div>
4. <div class='count hidden'>1</div>
5. <div class="box-group" id="accordion">
6. <div class="panel box box-primary">
7. <div class="box-header with-border">
8. <h4 class="box-title">
9. <a data-toggle="collapse" data-parent="#accordion" href="#collapseOne">
10. Immobile
11. </a>
12. </h4>
13. </div>
14. <div id="collapseOne" class="panel-collapse collapse in">
15. <div class="box-body">
16. <div class="group-container row">
17. <div class="col-md-8">
18. <div class="form-group s-prop-title">
19. <label for="title">Categoria</label>
20. <input type="text" id="categoria" class="form-control" value="" name="title" required="">
21. </div>
22. </div>
24. <div class="col-md-8">
25. <div class="form-group s-prop-desc">
26. <label for="textarea">Sezione</label>
27. <input type="text" id="sezione" class="form-control" value="" name="title" required="">
28. </div>
29. </div>
30. <div class="col-md-8">
31. <div class="form-group s-prop-desc">
32. <label for="textarea">Foglio</label>
33. <input type="text" id="foglio" class="form-control" value="" name="title" required="">
34. </div>
35. </div>
36. <div class="col-md-8">
37. <div class="form-group s-prop-desc">
38. <label for="textarea">Mappale</label>
39. <input type="text" id="mappale" class="form-control" value="" name="title" required="">
40. </div>
41. </div>
42. <div class="col-md-8">
43. <div class="form-group s-prop-desc">
44. <label for="textarea">Sub Alterno</label>
45. <input type="text" id="sub_alterno" class="form-control" value="" name="title" required="">
46. </div>
47. </div>
48. <div class="col-md-8">
49. <div class="form-group s-prop-desc">
50. <label for="textarea">Rendita Catastale</label>
51. <input type="text" id="rendita" class="form-control" value="" name="title" required="">
52. </div>
53. </div>
55. </div>
56. </div>
57. </div>
58. </div>
60. </div>
61. <div class="col-md-8">
62. <div class="form-group s-prop-desc">
63. <input type="text" id='subcategoria' class="" value="" name="title" required="">
64. <button id="aggiungi_catasto" class="btn btn-lg btn-primary" value="" name="title" required="">Aggiungi </button>
65. </div>
66. </div>
67. </div>
How can I store all fields in an array to send at php?

remove div
[3Replies]
- 30-Dec-2015 10:03 AM
- Forum: Using jQuery
Hi there, with a button I add a group of fields in a form.

I can't perform the remove action
2. $('#aggiungi_catasto').click(function(){
3. var subCategoria = $('#subcategoria').val();
4. if(subCategoria.length<1){
5. subCategoria = 'Sub Immobile';
6. }
7. $('#subcategoria').val('');
9. var count = parseInt($('.count').html());
11. count = count+1;
13. $('.count').html(count);
14. var groupId = 'group_'+count;
16. var form ='<div id="'+groupId+'" class="panel box box-primary">\n\
17. <div id="vito" class="box-header with-border">\n\
18. <h4 class="box-title">\n\
19. <a data-toggle="collapse" data-parent="#accordion" href="#'+count+'">'+subCategoria+'</a>\n\
20. </h4><a href="" class="remove_group" >X</a>\n\
21. </div>\n\
22. <div id="'+count+'" class="panel-collapse collapse in">\n\
23. <div class="box-body">\n\
24. <div class="group-container row">\n\
25. <div class="col-md-8">\n\
26. <div class="form-group s-prop-title">\n\
27. <label for="title">\n\Categoria</label>\n\
28. <input type="text" class="form-control" value="" name="title" required="">\n\
29. </div>\n\
30. </div>\n\
31. <div class="col-md-8">\n\
32. <div class="form-group s-prop-desc">\n\
33. <label for="textarea">\n\Sezione</label>\n\
34. <input type="text" class="form-control" value="" name="title" required="">\n\
35. </div>\n\
36. </div>\n\
37. <div class="col-md-8">\n\
38. <div class="form-group s-prop-desc">\n\
39. <label for="textarea">\n\Foglio</label>\n\
40. <input type="text" class="form-control" value="" name="title" required="">\n\
41. </div>\n\
42. </div>\n\
43. <div class="col-md-8">\n\
44. <div class="form-group s-prop-desc">\n\
45. <label for="textarea">\n\Mappale</label>\n\
46. <input type="text" class="form-control" value="" name="title" required="">\n\
47. </div>\n\
48. </div>\n\
49. <div class="col-md-8">\n\
50. <div class="form-group s-prop-desc">\n\
51. <label for="textarea">\n\Sub Alterno</label>\n\
52. <input type="text" class="form-control" value="" name="title" required="">\n\
53. </div>\n\
54. </div>\n\
55. <div class="col-md-8">\n\
56. <div class="form-group s-prop-desc">\n\
57. <label for="textarea">\n\Rendita Catastale</label>\n\
58. <input type="text" class="form-control" value="" name="title" required="">\n\
59. </div></div></div></div></div></div>';
62. $(form).insertAfter('#accordion');
64. $('.remove_group').click(function(){
66. here I can't retrieve the groupId of the div
67. });
69. });

Select Image Name
[2Replies]
- 15-Dec-2015 03:11 AM
- Forum: Using jQuery
Hi I have a table that show some images.
I add an Icon to delete the image when the icon is clicked.
the problem is select the correct namefile of image to use with ajax
2. <td>
3. <div>
4. <img class="deleteimage" src="' . $image . '" />';
5. <a href'' class='trash2'>
6. <i class='glyphicon glyphicon-trash'></i>
7. </a>
8. </div>
9. </td>

input inside cell
[3Replies]
- 17-Nov-2015 10:15 AM
- Forum: Getting Started
Hi there
How can I select a input value inside a cell?
1. <table id='mytalbe'>
  <tr>
  <td><input class='link' type ='text'></td>
2. <td><input class='description' type ='text'></td>
3. </tr>
I have a undefinited number of row.
2. $('#mytable tbody tr').each(function(){
4. var link = $(this).find("td").find("input").val(); //first test
5. var description = $(this).closest("tr").find('description').text(); //second test
7. });
This code don't working.
Any suggestion?

Retrieve data from Html Table
[1Reply]
- 17-Nov-2015 03:10 AM
- Forum: Getting Started
Hi there,
I hava a form with some input and a table, like this
1. <form id='form'>
2. <label >City</label>
3. <input type='text'>
4. <table>
5. <th>Link</th>
6. <th>Description</>
7. <tboby>
8. <tr>
9. <td>Link1</td>
10. <td>Description 1</td>
11. </tr>
12. <tr>
13. <td>Link2</td>
14. <td>Description 2</td>
15. </tr>
16. <tr>
17. <td>Link3</td>
18. <td>Description 3</td>
19. </tr>
20. ............
21. <button type ='button'>Submit</button>
I need store all this data into 2 table in mysql by ajax
My problem is I can't understand how store html table data with jQuery to pass it at php.

change value in a cell
[1Reply]
- 02-Sep-2015 12:30 PM
- Forum: Getting Started
Hi, I'm trying to achive this result:

I have a table with some key/value (SKU/Quantity), by a some button I add a SKU Item to table.

Everything work fine, but If the SKU Item is in table I would like update the Quantity +1

TABLE:

| SKU | QTY |

|A01 | 10 |

|A02 | 5 |

with my button now I add another A01 how to change the right quantity cell?
2. $("#comanda").find(".idart").each(function() {
4. idPiatto = $(this).html();
6. if (idPiatto === id) {
7. trovato = true;
8. riga = $(this).parent().parent();
9. return false; //esco dall'each
11. }
12. i++;
14. });
16. if(trovato){
18. var inputQuantita = $(riga).find(".qta");
20. var totaleRiga = $(riga).find(".totale");
22. var vecchioValore = parseInt($(inputQuantita).val());
24. $(inputQuantita).val(vecchioValore + 1);
26. qta = parseInt($(inputQuantita).val());
28. totale = prezzo * qta;
30. $(totaleRiga).val(totale);
33. }
excuse for not traslate the variable :(

retrieve data from mysql database
[6Replies]
- 31-Aug-2015 05:26 AM
- Forum: Getting Started
Hi, I'm trying to retrieve data from Mysql:
2. <script>
3. $(function(){
4. $(".btn-reparto").click(function(){
5. var reparto = $(this).text();
6. $.ajax({
7. url: "dbscript/getArticoloComanda.php",
8. data: "",
9. dataType: 'json',
10. success: function(data) {
12. for (var i in data) {
13. var articolo = data[i];
14. $('#articoli').append('<input id="' + articolo[0] + '" type="button" class="btn item-button btn-primary" value="' + articolo[1] + '"/>');
15. } // fine ciclo
17. var idArt;
18. $('.item-button').click(function() {
19. idArt = $(this).attr("id");
20. setArticoloComanda(idArt);
21. });
23. } // fine funzione (data)
24. });
26. });
27. });
28. </script>
My php file:
2. <?php
3. //$reparto = $_POST['reparto'];
5. include "./connection/conn_admin.php";
6. $sql="select * from articoli order by ordine";
8. $res = $mysqli->query($sql);
10. while ( $row = mysql_fetch_row($res) )
11. {
12. $data[] = $row;
13. }
14. echo json_encode( $data );
I can't retrieve data :(

Geo Location
[4Replies]
- 22-May-2015 08:15 AM
- Forum: Getting Started
Hi, I'm trying to retrive visitor latitude and longitude to pass like a parameter in a php script.

this is my code:
2. function getPosition(){
3. if (navigator.geolocation) {
4. navigator.geolocation.getCurrentPosition(getLatLong);
5. } else {
6. x.innerHTML = "Geolocation is not supported by this browser.";
7. }
8. }
9. function getLatLang(position) {
10. var lat = position.coords.latitude;
11. var long = position.coords.longitude;
13. }
now I would like have this 2 vars lat and long to put in a $.post:
2. function showSpot() {
3. $.ajax({
4. type: "POST",
5. url: "includes/inizialize-map.php",
6. data: {
7. latitude:xxxxxxxxx,
8. longitude:yyyyyyyyyy
9. },
10. success: function (data) {
11. $("#showspot").html(data);
12. }
13. });
14. }

$.post problem
[1Reply]
- 20-May-2015 10:23 AM
- Forum: Getting Started
Hi, I insert a record into DB with this code:
2. $.post("assets/addspot.php",
3. {
4. title: vtitle,
5. longitude :vlongitude,
6. latitude :vlatitude,
7. email:vemail,
8. stato : vstato,
9. user : vuser,
10. phone:vphone,
11. web : vweb,
12. mobile : vmobile,
13. image :vimage,
14. description : vdescription
15. },
16. function (data) { // Required Callback Function
17. alert( data);
19. });
my php file is:
2. $sql="insert into ....";
3. if ($mysqli->query($sql)) {
5. echo "Succefull Inserted. Good Job!!";
7. }
8. else {
9. printf($mysqli->error);
10. echo $mysqli->error;
11. }
I can insert record in db, but on my web page I can't catch the resul if the record is inserted, if the record is non inserted i see the alert message. Can someone help?

thanks

select click on mouseover
[2Replies]
- 15-May-2015 08:27 AM
- Forum: Getting Started
Hi there, I have an image and on image I put an icon, that you can see when the mouse is over the image. I would like catch the click on icon.

my html code:
2. <img src="images/property/property1.jpg" alt="">
3. <span class="property-category">
4. <a class="addlist" href="#">
5. <img src="images/fav-book-icons.png"</a>
6. </span>
My jquery;
2. $(document).ready(function(){
3. $('.addlist').mouseover({
4. alert("click");
6. });
7. });
nothing appears.

Thanks

upload image in MySql Table
[7Replies]
- 14-May-2015 12:34 AM
- Forum: Getting Started
Hi there, I'm trying to upload an image from a html form into mysql table.

I the form have several input, so my jquery is:
2. $("#spot_submit_review").click(function() {
3. var vtitle = $('#title').val();
4. var vlongitude =$('#longitude').val();
5. var vlatitude = $('#latitude').val();
6. var vemail = $('#email').val();
7. var vstato =$('#stato').val();
8. var vuser = $('#user').val();
9. var vdescription =$('#summernote').code();
10. var vphone=$('#phone').val();
11. var vweb = $('#web').val();
12. var vmobile =$('#mobile').val();
13. var vimage =$('#imgage').val();
15. $.post("assets/addspot.php", //Required URL of the page on server
16. {// Data Sending With Request To Server
17. title: vtitle,
18. longitude :vlongitude,
19. latitude :vlatitude,
20. email:vemail,
21. stato : vstato,
22. user : vuser,
23. phone:vphone,
24. web : vweb,
25. mobile : vmobile,
26. image :vimage, <---- This is correct?
27. description : vdescription
28. },
29. function (response, status)
I would like sent Image file to php

Thanks

select label text
[1Reply]
- 16-Aug-2014 12:13 PM
- Forum: Getting Started
I have 2 label
<label> label 1 </label>

<label> label 2 </label>

how I can select the label that have label 1 text?

select elements
[1Reply]
- 16-Aug-2014 04:47 AM
- Forum: Getting Started
hi, I create a list from data in db, then I would get the text in the list by click on mouse
2. for(var i in data){
3. reparto = data[i];
4. $('#list ul').append('<li class="list-group-item">'+reparto[1]+'</li>');
6. }
7. }
8. });
10. $('#list li').click(function() {
11. alert( $(this).text() );
12. });
But when I click on a element of the list don't catch it, if I write in html code an element in the list I can catch
why?

thanks a lot

Response title

Attachments

jQuery Forum

Activity Trend