https://taroxcat.com/index.php/cars2/listaf

1 <!DOCTYPE html>
2<html lang="en">
3  <head>
4    <meta charset="utf-8">
5    <meta http-equiv="X-UA-Compatible" content="IE=edge">
6    <meta name="viewport" content="width=device-width, initial-scale=1">
7    <title>Tarox web catalogue-auto</title>
8    <meta ciccio = "/index.php/cars2/listaf" >
9
10    <!-- Bootstrap -->
11    <!-- link href="https://taroxcat.com/dsrisorse/css/bootstrap.min.css" rel="stylesheet" -->
12
13<!-- mimmomodal -->
14<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
15<!-- script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>

15

16<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script -->
17
18<!-- mimmomodal ^^^ -->
19
20
21	<link rel="shortcut icon" href="https://taroxcat.com/dsrisorse/favicon.ico" type="image/x-icon"/>
22
23    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
24    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
25    <!--[if lt IE 9]>
26      

26<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>

26
27      

27<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>

27
28    <![endif]-->
29	<link rel="stylesheet" type="text/css" href="https://taroxcat.com/dsrisorse/tarox.css"/>
30
31<!-- link href="https://taroxcat.com/dsrisorse/carrello/carrello.css" media="screen" rel="stylesheet" type="text/css" / -->
32<!-- script type="text/javascript" src="https://taroxcat.com/dsrisorse/carrello/carrello.js"></script -->
33
34
35	
36	<style type="text/css">
37		body{
38		background-color: lightblue;
39		}
40		td{
41		background-color:white;
42		}
43	</style>
44	  
45  </head>
46  <body>
47  <!-- testata -->
48
49	<div class="navbar navbar-inverse navbar-fixed-top">
50		<div class="container">
51			<div class="navbar-header">
52		          <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
53		            <span class="sr-only">Toggle navigation</span>
54		            <span class="icon-bar"></span>
55		            <span class="icon-bar"></span>
56		            <span class="icon-bar"></span>
57		          </button>
58				<a href="https://taroxcat.com/" class="navbar-brand">
59						    <img src="https://taroxcat.com/dsrisorse/logotarox.jpg" alt="tarox"></a>
60			</div> <!-- navbar-header -->
61			<div class="collapse navbar-collapse">
62				<ul class="nav navbar-nav">
63				 	<li><a href="https://taroxcat.com/index.php/cars2"><span class="glyphicon glyphicon-search"> </span> cerca  / find </a> </li>				</ul>
64
65				<div class="nav navbar-nav navbar-right">
66				<a href="https://taroxcat.com/index.php/start" class="btn btn-info "><span class="glyphicon glyphicon-log-in"> </span> login</a>				<a href="https://taroxcat.com/index.php/lang/setlang/it/cars2.listaf"><img src="https://taroxcat.com/dsrisorse/flagit.gif" alt="it"></a><a href="https://taroxcat.com/index.php/lang/setlang/en/cars2.listaf"><img src="https://taroxcat.com/dsrisorse/flaguk.gif" alt="en"></a>&nbsp;				</div> <!-- navbar-right -->
67
68			</div> <!-- container -->
69		</div><!-- navbar navbar-inverse -->
70	</div>
71  <!-- corpo pagina -->
72  	<div class="container" id="topcontainer">
73		<div class="row" id="rowtitle">
74        <div class="col-sx-12"><h1>auto</h1></div>
75    </div>
76
77		<div class="row" id="rowmain">
78			<div class="col-xs-12 " id="mainblock">
79			<form action="https://taroxcat.com/index.php/browsecars/listaf" id="searchForm" nameclass="form-horizontal" method="post" accept-charset="utf-8">	    <div class="controls form-inline sezionemask">
80		    <label for=marcarichiesta class="control-label">manufacturer</label>
81		    	<select name="marcarichiesta" class="form-control"
82		      			onchange="this.form.submit()" >
83<option value="" selected="selected">select car</option>
84<option value="ABARTH">ABARTH</option>
85<option value="AC">AC</option>
86<option value="ACURA">ACURA</option>
87<option value="ALFA ROMEO">ALFA ROMEO</option>
88<option value="ALPINA">ALPINA</option>
89<option value="ALPINE">ALPINE</option>
90<option value="AMERICAN MOTORS">AMERICAN MOTORS</option>
91<option value="ARO">ARO</option>
92<option value="ASTON MARTIN">ASTON MARTIN</option>
93<option value="AUDI">AUDI</option>
94<option value="AUTOBIANCHI">AUTOBIANCHI</option>
95<option value="BENTLEY">BENTLEY</option>
96<option value="BERTONE">BERTONE</option>
97<option value="BMW">BMW</option>
98<option value="CADILLAC">CADILLAC</option>
99<option value="CHEVROLET (USA)">CHEVROLET (USA)</option>
100<option value="CHEVROLET- DAEWOO">CHEVROLET- DAEWOO</option>
101<option value="CHRYSLER (USA)">CHRYSLER (USA)</option>
102<option value="CITROEN">CITROEN</option>
103<option value="CUPRA">CUPRA</option>
104<option value="DACIA">DACIA</option>
105<option value="DAEWOO">DAEWOO</option>
106<option value="DAIHATSU">DAIHATSU</option>
107<option value="DE LOREAN">DE LOREAN</option>
108<option value="DE TOMASO">DE TOMASO</option>
109<option value="DODGE">DODGE</option>
110<option value="DODGE (USA)">DODGE (USA)</option>
111<option value="DONKERVOORT">DONKERVOORT</option>
112<option value="DS">DS</option>
113<option value="FERRARI">FERRARI</option>
114<option value="FIAT">FIAT</option>
115<option value="FORD">FORD</option>
116<option value="FORD USA">FORD USA</option>
117<option value="GENESIS">GENESIS</option>
118<option value="GREAT WALL">GREAT WALL</option>
119<option value="HONDA">HONDA</option>
120<option value="HUMMER">HUMMER</option>
121<option value="HYUNDAI">HYUNDAI</option>
122<option value="INEOS">INEOS</option>
123<option value="INFINITI">INFINITI</option>
124<option value="INNOCENTI">INNOCENTI</option>
125<option value="ISO  RIVOLTA">ISO  RIVOLTA</option>
126<option value="ISUZU">ISUZU</option>
127<option value="IVECO">IVECO</option>
128<option value="JAGUAR">JAGUAR</option>
129<option value="JEEP">JEEP</option>
130<option value="KIA">KIA</option>
131<option value="KTM">KTM</option>
132<option value="LADA">LADA</option>
133<option value="LAMBORGHINI">LAMBORGHINI</option>

134<option value="LANCIA">LANCIA</option>
135<option value="LAND ROVER">LAND ROVER</option>
136<option value="LEXUS">LEXUS</option>
137<option value="LOTUS">LOTUS</option>
138<option value="MAN">MAN</option>
139<option value="MASERATI">MASERATI</option>
140<option value="MAZDA">MAZDA</option>
141<option value="MCC">MCC</option>
142<option value="MERCEDES">MERCEDES</option>
143<option value="MERCEDES-BENZ">MERCEDES-BENZ</option>
144<option value="MG">MG</option>
145<option value="MINI">MINI</option>
146<option value="MITSUBISHI">MITSUBISHI</option>
147<option value="MORGAN">MORGAN</option>
148<option value="NISSAN">NISSAN</option>
149<option value="NOBLE">NOBLE</option>
150<option value="OPEL">OPEL</option>
151<option value="OSCA">OSCA</option>
152<option value="PEUGEOT">PEUGEOT</option>
153<option value="POLESTAR">POLESTAR</option>
154<option value="PORSCHE">PORSCHE</option>
155<option value="RENAULT">RENAULT</option>
156<option value="ROLLS-ROYCE">ROLLS-ROYCE</option>
157<option value="ROVER">ROVER</option>
158<option value="ROVER GROUP">ROVER GROUP</option>
159<option value="SAAB">SAAB</option>
160<option value="SCION">SCION</option>
161<option value="SEAT">SEAT</option>
162<option value="SIMCA">SIMCA</option>
163<option value="SKODA">SKODA</option>
164<option value="SMART">SMART</option>
165<option value="SSANGYONG">SSANGYONG</option>
166<option value="SUBARU">SUBARU</option>
167<option value="SUZUKI">SUZUKI</option>
168<option value="TAROX">TAROX</option>
169<option value="TESLA">TESLA</option>
170<option value="TOYOTA">TOYOTA</option>
171<option value="TVR">TVR</option>
172<option value="VAUXHALL">VAUXHALL</option>
173<option value="VOLKSWAGEN">VOLKSWAGEN</option>
174<option value="VOLVO">VOLVO</option>
175<option value="YUGO">YUGO</option>
176</select> 		    <label for=modellorichiesto class="control-label">model</label>
177		    	<select name="modellorichiesto"  class="form-control"
178					onchange="this.form.submit()"  >
179<option value="" selected="selected"></option>
180</select>			<input type="submit" name="refresh" value="refresh" class="btn btn-info"  />	 		<input type="hidden" name="car" value="" />
181  		</div>
182
183</form>
184<table class="table table-striped table-bordered table-hover"  >
185	<tr>
186		<!-- qui sotto -->
187		<th>model</th>		<th>variant</th>
188		<th>notes</th>
189		<th>from</th>
190		<th>to</th>
191		<th>kw</th>
192
193		<!-- ^^^^^^^^^ -->
194		<th >Actions</th>
195	</tr>
196				</table>
197

198<script type="text/javascript">
199    function doPreview(numauto)
200    {
201        form=document.getElementById('searchForm');
202        form.action='https://taroxcat.com/index.php/browsecars/single/'+numauto;
203        form.submit();
204    }
205</script>

205
206    </div> <!-- mainblock -->
207		   			<div class = "col-xs-12" id="childblock">
208				<div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">
209									</div>
210          			</div>	<!-- childblock -->
211		</div>		<!-- rowmain -->
212        
213	</div>  <!-- fine container principale  -->
214  <div id="prefondo">&nbsp;
215  </div>
216	<!-- piede - footer-->
217	<footer class="fondo">
218		<div class ="container">
219
220			<div class="row">
221				<div class="col-md-8 ">
222					<a href="https://taroxcat.com/index.php/cookie_privacy">Cookies & privacy</a>				</div>
223				<div class="col-md-4 " id="verinfo">
224					Ver. 2017 06 02 --[0/0]
225          
226
227				</div>
228
229			</div>
230			<div class="row">
231				2.1.4			</div>
232								<!-- div class="col-md-12 informativa">
233						<h4>Info cookie & privacy </h4>
234						<p> Questo sito utilizza esclusivamente cookie "tecnici" indispensabili
235						al suo funzionamento. Non effettua alcun tipo di profilazione, identificazione o altro trattamento dei dati</p>
236					</div -->
237					</div>
238	</footer>
239<!-- Modal window -->
240
241<div id="myModal" class="modal fade">
242 <div class="modal-dialog modal-lg">
243  <div class="modal-content">
244       <div class="modal-header">
245        <button type="button" class="close" data-dismiss="modal">&times;</button>
246        <h4 class="modal-title">  &nbsp;</h4>
247       </div>
248       <div class="modal-body" id="modal-body">
249
250       </div>
251      <div class="modal-footer">
252      <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
253     </div>
254  </div> <!--modal header -->
255 </div> <!-- modal dialog-->
256</div> <!-- myModal -->
257
258
259
260
261    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
262    

262<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

262
263
264  	<!-- If no online access, fallback to our hardcoded version of jQuery -->
265    

265<script>window.jQuery || document.write('

265<script src="https://taroxcat.com/dsrisorse/carrello/jquery-1.11.1.min.js"><\/script>')</script>

265
266
267
268    <!-- Include all compiled plugins (below), or include individual files as needed -->
269    

269<script type="text/javascript" src="https://taroxcat.com/dsrisorse/corecart.js"></script>

269
270    

270<script type="text/javascript" src="https://taroxcat.com/dsrisorse/js/bootstrap.min.js"></script>

270
271
272    <!-- non funziona - non ancora script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js"></script -->
273
274<!-- mimmomodal -->
275
276
277<!-- Modal Bootstrap -->
278<div class="modal fade" id="recordModal" tabindex="-1" role="dialog" aria-labelledby="modalTitle" >
279  <div class="modal-dialog" role="dialog">
280    <div class="modal-content">
281      <div class="modal-header">
282        <h5 class="modal-title" id="modalTitle">Dettagli Record</h5>
283        <button type="button" class="close" data-dismiss="modal" aria-label="Chiudi">
284          <span aria-hidden="true">&times;</span>
285        </button>
286      </div>
287      <div class="modal-body" id="modalBody">
288        <!-- Qui vengono caricati i dati -->
289      </div>
290    </div>
291  </div>
292</div>
293
294
295
296<!-- mimmomodal -->
297
298
299
300    

300<script>
301
302
303
304		function change(){
305		    document.getElementById("searchForm").submit();
306		}
307
308    /* printModal utile per stampare solo il contenuto della finestra modale
309    */
310    function printModal()
311    {
312    var divToPrint=document.getElementById('DivIdToPrint');
313    var newWin=window.open('','Print-Window');
314//    newWin.document.open();
315    //newWin.document.write('<html><body>'+stampabile.innerHTML+'</body></html>');
316    var x = document.getElementsByClassName("modal-header");
317    var y = document.getElementsByClassName("modal-body");
318    var newcontent = '<html>'+
319    '<head><style> .modal{max-width:80%;} .modal img{max-width:100%;}</style></head>'+
320    '<body><div class="modal">' +
321    x[0].innerHTML +
322    '<br/> '+
323    y[0].innerHTML +
324    '</div></body></html>';
325    newWin.document.write(newcontent);
326    newWin.document.close();
327    newWin.print();
328    setTimeout(function(){newWin.close();},10);
329    }
330    
331	</script>

331
332
333  

333<script>
334  $('#myModal').on('show.bs.modal', function (event) {
335    var button = $(event.relatedTarget) // Button that triggered the modal
336    var recipient = button.data('whatever') // Extract info from data-* attributes
337    // If necessary, you could initiate an AJAX request here (and then do the updating in a callback).
338    // Update the modal's content. We'll use jQuery here, but you could use a data binding library or other methods instead.
339    var modal = $(this)
340    modal.find('.modal-title').text('Image Details ')
341    modal.find('.modal-body').html(recipient)
342  })
343  </script>

343
344
345
346
347  

347<script type="text/javascript">
348  //bottone tabella add
349
350
351  	  $('.open-modal').click(function(e) {
352  	    e.preventDefault();
353  	    var id = $(this).data('id');
354        var table= $(this).data('table');
355        var title =$(this).data('title');
356        var lazione = $(this).data('lazione');
357        console.log ('######### attenzione' + id);
358        console.log ('######### view:' + lazione);
359
360        console.log('https://taroxcat.com/');
361        myurl = 'https://taroxcat.com/' + 'index.php/'+ lazione + '/'+table+'/'+id;
362        console.log('caricamento: myurl '+ myurl);
363
364  	    // Chiamata AJAX al controller
365  	    $.ajax({
366          url:  myurl, //'auto_us/addcar/kit/'+id,
367  	      type: 'GET',
368  	      success: function(data) {
369
370            $('#modalTitle').html(title);
371            $('#modalBody').html(data);
372  	        $('#recordModal').modal('show');
373  	      },
374  	      error: function() {
375  	        $('#modalBody').html('<p>Errore nel caricamento.</p>');
376  	        $('#recordModal').modal('show');
377  	      }
378  	    });
379  	  });
380  //eh?	});
381
382    //bottone tabella elimina
383    $(document).on('click', '.delete-record', function() {
384      const id = $(this).data('id');
385      var table= $(this).data('table');
386
387      myurl = 'https://taroxcat.com/' + 'index.php/'+table+'/'+id;
388      if (confirm('Sei sicuro di voler eliminare questo record? ' + myurl )) {
389
390        console.log('delete - myurl:' + myurl);
391
392
393        $.ajax({
394          url: myurl,   // 'auto_us/delete/' + id,
395          type: 'POST',
396          dataType: 'json',
397          success: function(response) {
398            if (response.status === 'success') {
399              alert(response.message);
400    //          table.ajax.reload(null, false); // ricarica dati senza cambiare pagina
401              location.reload(); // mimmo
402            } else {
403              alert(response.message || 'Errore durante l\'eliminazione');
404            }
405          },
406          error: function() {
407            alert('Errore nella richiesta AJAX');
408          }
409        });
410      }
411    });
412
413
414
415  </script>

415
416
417  </body>
418</html>