!! Include - Inserire due file html in lettura (FUNZIONA)




<!-- https://www.aranzulla.it/come-includere-codice-esterno-nelle-pagine-web-30758.html -->


<html>
<head>
<title>prova</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<script type="text/javascript" src=" http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>

<script type="text/javascript">

$(function() {
$("#miofile").load("miofile.html");
$("#miatabella").load("miatabella.html");
});
</script>


</head>
<body>
inserisce il titolo

<div id='mese' style='position:fixed; top:25px; left: 350px; display:block; z-index:1;'> <!-- ELENCO GIORNI CALENDARIO (31 Marzo 2024)-->

Inserisce il titolo preso da miofile.html
<div id='miofile' ></div>
</div>
inserisce la tabella presa dal file miatabella.html
<div id='miatabella' > </div>
</b> <br> <br>

<font size='-2'> <br /></font>

</body>
</html>

*****************************************************************************

miofile.html

<!-- *********************************************** MENU MESE ********************************************* -->

<div style="position:fixed; top:2px; left: 600px;"> <!-- div del titolo -->
<font style="background-color:#F00" color="#FFFF00" size="+2"> vaffanculo sono riuscito a farlo !!!!! Ricordiamo Oggi Domenica 31 Marzo 2024
</font>

</div>

**************************************************************************

Miatabella.html


<center><b><font style="background-color:#F00; box-shadow: 25px 10px 15px #888888;" color="#FFFF00" size="+2" >  *  *  *  *  Eventi annuali importanti  *  *  *   *  </font> </b> </center>
<font style="font-size:2px"><br /></font>
<table border="2" width="60%" align='center' style='box-shadow: 25px 10px 15px #888888;'>
<!-- ******************EVENTI IMPORTANTI******************************* -->
<br />
<tr class="intro"><td>
<div id="100">
<button style=" font-size:19px;font-weight:bold;Height: auto;height:auto" onclick="Cambia2('100');" title="Nascondi 001"> <b> 0100 </b> </button>
   <a href="#" id = "100b" onmousemove="bigImg('100b','05/01 - paga bollo karl fj 137 at dal 1 giorno di gennaio')"
onmouseout="normalImg('100b','05/01 - paga bollo karl fj 137 at dal 1 giorno di gennaio')" >
05/01 - paga bollo karl fj 137 at dal 1 giorno di gennaio </a>  
</DIV> </td></tr> <!-- inserimento 27 settembre 2022 -->
<tr class="intro"><td>
<div id="262">
<button style=" font-size:19px;font-weight:bold;Height: auto;height:auto" onclick="Cambia2('262');" title="Nascondi 002"> <b> 0262 </b> </button>
   <a href="#" id = "262b" onmousemove="bigImg('262b','11/01 - chiusura conto monte paschi siena ore 10')"
onmouseout="normalImg('262b','11/01 - chiusura conto monte paschi siena ore 10')" >
11/01 - chiusura conto monte paschi siena ore 10 </a>  
</DIV> </td></tr> <!-- inserimento 27 settembre 2022 -->
<tr class="intro"><td>
<div id="249">
<button style=" font-size:19px;font-weight:bold;Height: auto;height:auto" onclick="Cambia2('249');" title="Nascondi 003"> <b> 0249 </b> </button>
   <a href="#" id = "249b" onmousemove="bigImg('249b','20/01 - il 31 gennaio scade contratto acea. controllare con uffici')"
onmouseout="normalImg('249b','20/01 - il 31 gennaio scade contratto acea. controllare con uffici')" >
20/01 - il 31 gennaio scade contratto acea. controllare con uffici </a>  
</DIV> </td></tr> <!-- inserimento 27 settembre 2022 -->
<tr class="intro"><td>
<div id="108">
<button style=" font-size:19px;font-weight:bold;Height: auto;height:auto" onclick="Cambia2('108');" title="Nascondi 004"> <b> 0108 </b> </button>
   <a href="#" id = "108b" onmousemove="bigImg('108b','26/01 - 2028 scadenza carta sanitaria paolo')"
onmouseout="normalImg('108b','26/01 - 2028 scadenza carta sanitaria paolo')" >
26/01 - 2028 scadenza carta sanitaria paolo </a>  
</DIV> </td></tr> <!-- inserimento 27 settembre 2022 -->
<tr class="intro"><td>
<div id="87">
<button style=" font-size:19px;font-weight:bold;Height: auto;height:auto" onclick="Cambia2('87');" title="Nascondi 005"> <b> 0087 </b> </button>
   <a href="#" id = "87b" onmousemove="bigImg('87b','28/01 - se ne va pino il 28/01/2021 - (3 anni )')"
onmouseout="normalImg('87b','28/01 - se ne va pino il 28/01/2021 - (3 anni )')" >
28/01 - se ne va pino il 28/01/2021 - (3 anni ) </a>  
</DIV> </td></tr> <!-- inserimento 27 settembre 2022 -->
<tr class="intro"><td>
<div id="167">
<button style=" font-size:19px;font-weight:bold;Height: auto;height:auto" onclick="Cambia2('167');" title="Nascondi 006"> <b> 0167 </b> </button>
   <a href="#" id = "167b" onmousemove="bigImg('167b','01/03 - entro il mese di marzo 2025 revisione karl')"
onmouseout="normalImg('167b','01/03 - entro il mese di marzo 2025 revisione karl')" >
01/03 - entro il mese di marzo 2025 revisione karl </a>  
</DIV> </td></tr> <!-- inserimento 27 settembre 2022 -->
<tr class="intro"><td>
<div id="255">
<button style=" font-size:19px;font-weight:bold;Height: auto;height:auto" onclick="Cambia2('255');" title="Nascondi 007"> <b> 0255 </b> </button>
   <a href="#" id = "255b" onmousemove="bigImg('255b','23/03 - 2025 - cambio olio karl (ultimo cambio 23/03/2024 km 33.520 ....110 euro) ')"
onmouseout="normalImg('255b','23/03 - 2025 - cambio olio karl (ultimo cambio 23/03/2024 km 33.520 ....110 euro) ')" >
23/03 - 2025 - cambio olio karl (ultimo cambio 23/03/2024 km 33.520 ....110 euro) </a>  
</DIV> </td></tr> <!-- inserimento 27 settembre 2022 -->
<tr class="intro"><td>
<div id="124">
<button style=" font-size:19px;font-weight:bold;Height: auto;height:auto" onclick="Cambia2('124');" title="Nascondi 008"> <b> 0124 </b> </button>
   <a href="#" id = "124b" onmousemove="bigImg('124b','<font style='background-color:#F00;color:#FF0' > (1 gg.) </font>01/04 - scadenza mutuo aprile 2025 - rinegoziazione mutuo del 01/04/2020')"
onmouseout="normalImg('124b','<font style='background-color:#F00;color:#FF0' > (1 gg.) </font>01/04 - scadenza mutuo aprile 2025 - rinegoziazione mutuo del 01/04/2020')" >
<font style='background-color:#F00;color:#FF0' > (1 gg.) </font>01/04 - scadenza mutuo aprile 2025 - rinegoziazione mutuo del 01/04/2020 </a>  
</DIV> </td></tr> <!-- inserimento 27 settembre 2022 -->
<tr class="intro"><td>
<div id="256">
<button style=" font-size:19px;font-weight:bold;Height: auto;height:auto" onclick="Cambia2('256');" title="Nascondi 009"> <b> 0256 </b> </button>
   <a href="#" id = "256b" onmousemove="bigImg('256b','<font style='background-color:#F00;color:#FF0' > (38 gg.) </font>08/05 - cambio olio mokka (ultimo cambio 08/05/2023)')"
onmouseout="normalImg('256b','<font style='background-color:#F00;color:#FF0' > (38 gg.) </font>08/05 - cambio olio mokka (ultimo cambio 08/05/2023)')" >
<font style='background-color:#F00;color:#FF0' > (38 gg.) </font>08/05 - cambio olio mokka (ultimo cambio 08/05/2023) </a>  
</DIV> </td></tr> <!-- inserimento 27 settembre 2022 -->
<tr class="intro"><td>
<div id="166">
<button style=" font-size:19px;font-weight:bold;Height: auto;height:auto" onclick="Cambia2('166');" title="Nascondi 010"> <b> 0166 </b> </button>
   <a href="#" id = "166b" onmousemove="bigImg('166b','<font style='background-color:#F00;color:#FF0' > (42 gg.) </font>12/05 - patente in scadenza il 12/05/2026')"
onmouseout="normalImg('166b','<font style='background-color:#F00;color:#FF0' > (42 gg.) </font>12/05 - patente in scadenza il 12/05/2026')" >
<font style='background-color:#F00;color:#FF0' > (42 gg.) </font>12/05 - patente in scadenza il 12/05/2026 </a>  
</DIV> </td></tr> <!-- inserimento 27 settembre 2022 -->
<tr class="intro"><td>
<div id="89">
<button style=" font-size:19px;font-weight:bold;Height: auto;height:auto" onclick="Cambia2('89');" title="Nascondi 011"> <b> 0089 </b> </button>

   <a href="#" id = "89b" onmousemove="bigImg('89b','<font style='background-color:#F00;color:#FF0' > (76 gg.) </font>15/06 - anniversario matrimonio - (50 anni )')"
onmouseout="normalImg('89b','<font style='background-color:#F00;color:#FF0' > (76 gg.) </font>15/06 - anniversario matrimonio - (50 anni )')" >
<font style='background-color:#F00;color:#FF0' > (76 gg.) </font>15/06 - anniversario matrimonio - (50 anni ) </a>  
</DIV> </td></tr> <!-- inserimento 27 settembre 2022 -->
<tr class="intro"><td>
<div id="209">
<button style=" font-size:19px;font-weight:bold;Height: auto;height:auto" onclick="Cambia2('209');" title="Nascondi 012"> <b> 0209 </b> </button>
   <a href="#" id = "209b" onmousemove="bigImg('209b','<font style='background-color:#F00;color:#FF0' > (154 gg.) </font>01/09 - scade patente di angela settembre 2023')"
onmouseout="normalImg('209b','<font style='background-color:#F00;color:#FF0' > (154 gg.) </font>01/09 - scade patente di angela settembre 2023')" >
<font style='background-color:#F00;color:#FF0' > (154 gg.) </font>01/09 - scade patente di angela settembre 2023 </a>  
</DIV> </td></tr> <!-- inserimento 27 settembre 2022 -->
<tr class="intro"><td>
<div id="101">
<button style=" font-size:19px;font-weight:bold;Height: auto;height:auto" onclick="Cambia2('101');" title="Nascondi 013"> <b> 0101 </b> </button>
   <a href="#" id = "101b" onmousemove="bigImg('101b','<font style='background-color:#F00;color:#FF0' > (154 gg.) </font>01/09 - paga bollo mokka ex 392 hd')"
onmouseout="normalImg('101b','<font style='background-color:#F00;color:#FF0' > (154 gg.) </font>01/09 - paga bollo mokka ex 392 hd')" >
<font style='background-color:#F00;color:#FF0' > (154 gg.) </font>01/09 - paga bollo mokka ex 392 hd </a>  
</DIV> </td></tr> <!-- inserimento 27 settembre 2022 -->
<tr class="intro"><td>
<div id="168">
<button style=" font-size:19px;font-weight:bold;Height: auto;height:auto" onclick="Cambia2('168');" title="Nascondi 014"> <b> 0168 </b> </button>
   <a href="#" id = "168b" onmousemove="bigImg('168b','<font style='background-color:#F00;color:#FF0' > (184 gg.) </font>01/10 - scadenza revisione motorino elena em07511 ottobre 2022')"
onmouseout="normalImg('168b','<font style='background-color:#F00;color:#FF0' > (184 gg.) </font>01/10 - scadenza revisione motorino elena em07511 ottobre 2022')" >
<font style='background-color:#F00;color:#FF0' > (184 gg.) </font>01/10 - scadenza revisione motorino elena em07511 ottobre 2022 </a>  
</DIV> </td></tr> <!-- inserimento 27 settembre 2022 -->
<tr class="intro"><td>
<div id="110">
<button style=" font-size:19px;font-weight:bold;Height: auto;height:auto" onclick="Cambia2('110');" title="Nascondi 015"> <b> 0110 </b> </button>
   <a href="#" id = "110b" onmousemove="bigImg('110b','<font style='background-color:#F00;color:#FF0' > (197 gg.) </font>14/10 - assicurazione karl in scadenza il 14 ottobre')"
onmouseout="normalImg('110b','<font style='background-color:#F00;color:#FF0' > (197 gg.) </font>14/10 - assicurazione karl in scadenza il 14 ottobre')" >
<font style='background-color:#F00;color:#FF0' > (197 gg.) </font>14/10 - assicurazione karl in scadenza il 14 ottobre </a>  
</DIV> </td></tr> <!-- inserimento 27 settembre 2022 -->
<tr class="intro"><td>
<div id="203">
<button style=" font-size:19px;font-weight:bold;Height: auto;height:auto" onclick="Cambia2('203');" title="Nascondi 016"> <b> 0203 </b> </button>
   <a href="#" id = "203b" onmousemove="bigImg('203b','<font style='background-color:#F00;color:#FF0' > (215 gg.) </font>01/11 - controlla se a novembre 2023 scade telepass karl')"
onmouseout="normalImg('203b','<font style='background-color:#F00;color:#FF0' > (215 gg.) </font>01/11 - controlla se a novembre 2023 scade telepass karl')" >
<font style='background-color:#F00;color:#FF0' > (215 gg.) </font>01/11 - controlla se a novembre 2023 scade telepass karl </a>  
</DIV> </td></tr> <!-- inserimento 27 settembre 2022 -->
<tr class="intro"><td>
<div id="169">
<button style=" font-size:19px;font-weight:bold;Height: auto;height:auto" onclick="Cambia2('169');" title="Nascondi 017"> <b> 0169 </b> </button>
   <a href="#" id = "169b" onmousemove="bigImg('169b','<font style='background-color:#F00;color:#FF0' > (245 gg.) </font>01/12 - revisione mokka ex392hd entro il mese di dicembre 2024')"
onmouseout="normalImg('169b','<font style='background-color:#F00;color:#FF0' > (245 gg.) </font>01/12 - revisione mokka ex392hd entro il mese di dicembre 2024')" >
<font style='background-color:#F00;color:#FF0' > (245 gg.) </font>01/12 - revisione mokka ex392hd entro il mese di dicembre 2024 </a>  
</DIV> </td></tr> <!-- inserimento 27 settembre 2022 -->
<tr class="intro"><td>
<div id="173">
<button style=" font-size:19px;font-weight:bold;Height: auto;height:auto" onclick="Cambia2('173');" title="Nascondi 018"> <b> 0173 </b> </button>
   <a href="#" id = "173b" onmousemove="bigImg('173b','<font style='background-color:#F00;color:#FF0' > (245 gg.) </font>01/12 - sostituzione bombla gpl mokka il 1 dicembre 2024')"
onmouseout="normalImg('173b','<font style='background-color:#F00;color:#FF0' > (245 gg.) </font>01/12 - sostituzione bombla gpl mokka il 1 dicembre 2024')" >
<font style='background-color:#F00;color:#FF0' > (245 gg.) </font>01/12 - sostituzione bombla gpl mokka il 1 dicembre 2024 </a>  
</DIV> </td></tr> <!-- inserimento 27 settembre 2022 -->
<tr class="intro"><td>
<div id="158">
<button style=" font-size:19px;font-weight:bold;Height: auto;height:auto" onclick="Cambia2('158');" title="Nascondi 019"> <b> 0158 </b> </button>
   <a href="#" id = "158b" onmousemove="bigImg('158b','<font style='background-color:#F00;color:#FF0' > (260 gg.) </font>16/12 - pagamento imu entro il 16 dicembre di ogni anno')"
onmouseout="normalImg('158b','<font style='background-color:#F00;color:#FF0' > (260 gg.) </font>16/12 - pagamento imu entro il 16 dicembre di ogni anno')" >
<font style='background-color:#F00;color:#FF0' > (260 gg.) </font>16/12 - pagamento imu entro il 16 dicembre di ogni anno </a>  
</DIV> </td></tr> <!-- inserimento 27 settembre 2022 -->
<tr class="intro"><td>
<div id="259">
<button style=" font-size:19px;font-weight:bold;Height: auto;height:auto" onclick="Cambia2('259');" title="Nascondi 020"> <b> 0259 </b> </button>
   <a href="#" id = "259b" onmousemove="bigImg('259b','<font style='background-color:#F00;color:#FF0' > (266 gg.) </font>22/12 - muore fulvio della torre')"
onmouseout="normalImg('259b','<font style='background-color:#F00;color:#FF0' > (266 gg.) </font>22/12 - muore fulvio della torre')" >
<font style='background-color:#F00;color:#FF0' > (266 gg.) </font>22/12 - muore fulvio della torre </a>  
</DIV> </td></tr> <!-- inserimento 27 settembre 2022 -->
<tr class="intro"><td>
<div id="103">
<button style=" font-size:19px;font-weight:bold;Height: auto;height:auto" onclick="Cambia2('103');" title="Nascondi 021"> <b> 0103 </b> </button>
   <a href="#" id = "103b" onmousemove="bigImg('103b','<font style='background-color:#F00;color:#FF0' > (272 gg.) </font>28/12 - scade assicurazione mokka 28 dicembre ')"
onmouseout="normalImg('103b','<font style='background-color:#F00;color:#FF0' > (272 gg.) </font>28/12 - scade assicurazione mokka 28 dicembre ')" >
<font style='background-color:#F00;color:#FF0' > (272 gg.) </font>28/12 - scade assicurazione mokka 28 dicembre </a>  
</DIV> </td></tr> <!-- inserimento 27 settembre 2022 -->
</td>
</tr>
</table>
<br />










( includeinserireduefilehtmlinletturafunziona.html )- by Paolo Puglisi - Modifica del 2/5/2024