Inserimento Nivo Slider attraverso include su pagina Php

**Fabster1980** · 05-01-2015, 00:49

Buongiorno a tutti,

dopo averci sbattuto la testa tutto il giorno mi affido a voi sperando di venirne a capo
Sto sviluppando un sito in PHP, dalla pagina Index.php attraverso questo comando:

<?php
include_once("includes/ita/home.php");

?>

richiamo la pagina home.php che ha al suo interno 4 Div con i contenuti.
Nel primo di questi div vorrei mettere la Nivo Slider presente anche sul vostro sito.

Nivo slider ha del codice Java e del css per la formattatine dello stile,
non riesco ad inserirla correttamente nella pagina.

Allego il codice delle 2 pagine... index.php e la pagina che viene richiamata al suo interno home.php

INDEX.PHP

<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Documento senza titolo</title>
</head>

<body>
/style>
<link rel="stylesheet" type="text/css" href="./css/css_base.css" />

<!- inserimento libreria jquery ->

<link rel="stylesheet" type="text/css" href="css/smoothness/jquery-ui.css" />
<link href="css/smoothness/jquery-ui-1.10.3.custom.min.css" rel="stylesheet" type="text/css"/>

</head>
<body>

<!- contenitore centrale ->
<div id='contenitore' class="contenitore">
<?php
if(!empty($_GET['menu'])) {
switch($_GET['menu']) {
case 'home':
include_once("includes/ita/home.php");
break;
case 'persone':
include_once("includes/ita/persone.php");
break;
case 'valori':
include_once("./includes/ita/valori.php");
break;
case 'gestione':
include_once("includes/ita/gestione.php");
break;
case 'fondi':
include_once("includes/ita/fondi.php");
break;
case 'contatti':
include_once("includes/ita/contatti.php");
break;
default :
echo "pagina non trovata";
break;
}
}
else {
include_once("includes/ita/home.php");
}
?>
<!- fine contenitore centrale ->
</div>
</body>
</body>
</html>

////////////////////////////////////////////////////////////////////////////////////////

HOME.PHP

<script type="text/javascript" src="scripts/jquery-1.4.3.min.js"></script>
<script type="text/javascript" src="scripts/jquery.nivo.slider.js"></script>
<script type="text/javascript">
$(window).load(function() {
$('#slider').nivoSlider();
});
</script>

<div id="slider" class="nivoSlider">
<img src="includes/ita/images/slider-1.jpg" alt="" />
<img src="includes/ita/images/slider-1.jpg" alt="" />
<img src="includes/ita/images/slider-1.jpg" alt="" />
<img src="includes/ita/images/slider-1.jpg" alt="" />
<img src="includes/ita/images/slider-1.jpg" alt="" />
</div>

Ho provato a posizionare la parte java nella index ma senza successo...spero mi potiate aiutare.

Grazie!

**Infocurci** · 05-01-2015, 09:29

Ti consiglio intanto queste operazioni "preliminari":
1) verifica la sintassi html. Nel file index.php che hai postato, c'è un tag "/style>, un doppio "<body>", un doppio "<head>"
2) prova a caricare gli script in head anzichè in home.php
3) verifica che i percorsi siano corretti (con firefox basta che visualizzi il sorgente, vedrai che tutti i javascript e i css sono linkati, cliccaci sopra e vedi se si aprono o se ti dà una pagina inesistente; o, ancora meglio, usa firebug e verifica che non ci siano errori 404).

**Fabster1980** · 05-01-2015, 16:29

Ciao,

in primis grazie per la risposta,
in effetti ho incollato il codice incompleto e con qualche errore,
di seguito lo allego completo per una migliore tua valutazione...

INDEX.PHP

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<?
$output = htmlspecialchars($stringa_utf8, ENT_COMPAT, 'UTF-8');
?>

<!- script per google analitic ->

<script type="text/javascript">

var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-19859446-3']);
_gaq.push(['_trackPageview']);

(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();

</script>

<!- fine script ->
<head>
<meta name="google-site-verification" content="GnlTnI6W4q1P7KqDp5ncFsHUobcFybQ3CnYh8QfZu gw" />
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />

<titlexxx</title>
<meta name="Description" content="xxx" />
<meta name="keywords" content="xxx" />

<link rel="shortcut icon" href="inc/favicon.ico">
<style>
@font-face
{
font-family: myFirstFont;
src: url('ITC_Officina_Sans_Book.eot') /* IE9 */
src: url('ITC_Officina_Sans_Book.eot?#iefix') format('embedded-opentype'),
url('ITC_Officina_Sans_Book.woff') format('woff'),
url('ITC_Officina_Sans_Book.ttf') format('truetype'),
url('ITC_Officina_Sans_Book.svg#webfont') format('svg');
}

</style>

<link rel="stylesheet" type="text/css" href="./css/css_base.css" />
<link rel="stylesheet" type="text/css" href="./css/button.css" />
<link rel="stylesheet" type="text/css" href="css/animazioni.css"/>
<link rel="stylesheet" type="text/css" href="./css/css_menu.css" />
<link rel="stylesheet" type="text/css" href="./css/css_menu_val.css" />
<link rel="stylesheet" type="text/css" href="./css/css_menu_fon.css" />
<link rel="stylesheet" type="text/css" href="css/btn-animazione.css" />
<link rel="stylesheet" type="text/css" href="./css/css_printer.css" media="print" />
<link rel="stylesheet" type="text/css" href="includes/ita/css/nivo-slider.css"/>
<link rel="stylesheet" type="text/css" href="includes/ita/stili/style.css"/>

<!- inserimento libreria jquery ->

<link rel="stylesheet" type="text/css" href="css/smoothness/jquery-ui.css" />
<link href="css/smoothness/jquery-ui-1.10.3.custom.min.css" rel="stylesheet" type="text/css"/>

<script type="text/javascript" src="./js/jquery-1.9.1.js"></script>
<script type="text/javascript" src="./js/jquery-ui-1.10.3.custom.min.js"></script>
<script type="text/javascript" src="./js/jquery-ui.js"></script>
<script type="text/javascript" src="./js/jquery.jPrintArea.js"></script>
<script>
$(document).ready(function(){
$("#x_schedainformativa").button();
$('#home').hover(function(){
$(this).stop().css({"background-image" : "url(img/evidenzia_btn.png)" }, 'slow');
}, function () {
$(this).stop().css({"background-image" : "url()" }, 'slow');
});

$('#persone').hover(function(){
$(this).stop().css({"background-image" : "url(img/evidenzia_btn.png)" }, 'slow');
}, function () {
$(this).stop().css({"background-image" : "url()" }, 'slow');
});

$('#valori').hover(function(){
$(this).stop().css({"background-image" : "url(img/evidenzia_btn.png)" }, 'slow');
}, function () {
$(this).stop().css({"background-image" : "url()" }, 'slow');
});

$('#gestione').hover(function(){
$(this).stop().css({"background-image" : "url(img/evidenzia_btn.png)" }, 'slow');
}, function () {
$(this).stop().css({"background-image" : "url()" }, 'slow');
});

$('#fondi').hover(function(){
$(this).stop().css({"background-image" : "url(img/evidenzia_btn.png)" }, 'slow');
}, function () {
$(this).stop().css({"background-image" : "url()" }, 'slow');
});

$('#contatti').hover(function(){
$(this).stop().css({"background-image" : "url(img/evidenzia_btn.png)" }, 'slow');
}, function () {
$(this).stop().css({"background-image" : "url()" }, 'slow');
});

$("#consulta").click(function(evt){
datainiziale = $("#datainiziale").val();
datafinale = $("#datafinale").val();
idfondo = $("#idfondo").val();
$("#id_grafici").load("grafici/inc/inc_pannello_grafico.php?idfondo="+idfondo+"&datai niziale="+datainiziale+"&datafinale="+datafinale);
});

$("#form_grafici").submit(function(e){
return false;
});
})
</script>

<!- inserimento libreria jquery ->
</head>
<body>

<!- intenstazione della pagina ->

<?php
include_once("includes/ita/testata.php");
?>

<!- fine intestazione ->

<!- barra menu ->

<?php
include_once("includes/ita/inc_menu.php");

?>
<!- fine barra menu ->

<!- contenitore centrale ->
<div id='contenitore' class="contenitore">
<?php
if(!empty($_GET['menu'])) {
switch($_GET['menu']) {
case 'home':
include_once("includes/ita/home.php");
break;
case 'persone':
include_once("includes/ita/persone.php");
break;
case 'valori':
include_once("./includes/ita/valori.php");
break;
case 'gestione':
include_once("includes/ita/gestione.php");
break;
case 'fondi':
include_once("includes/ita/fondi.php");
break;
case 'contatti':
include_once("includes/ita/contatti.php");
break;
default :
echo "pagina non trovata";
break;
}
}
else {
include_once("includes/ita/home.php");
}
?>
<!- fine contenitore centrale ->
</div>
<!- pie di pagina ->

<div class='foot'>
<?php
if(!empty($_GET['menu'])) {
switch($_GET['menu']) {
case 'home':
include_once("includes/ita/footer.php");
break;
case 'persone':
include_once("includes/ita/footer2.php");
break;
case 'valori':
include_once("includes/ita/footer2.php");
break;
case 'gestione':
include_once("includes/ita/footer2.php");
break;
case 'fondi':
include_once("includes/ita/footer2.php");
break;
case 'contatti':
include_once("includes/ita/footer2.php");
break;
default :
include_once("includes/ita/footer.php");
break;
}
}
else {
include_once("includes/ita/footer.php");
}
?>
</div>

<!- fine pie di pagina->

</body>

HOME.PHP

<div id="box-1"></div>

<div id="box-2"></div>
<div id="box-3b">
<div id="fondi-content_nav_home">
<a href="index.php?menu=fondi&argomento=equity" id="grafici" class="a-btn">
<span class="a-btn-slide-text"></span>
<img src="img/4.png" alt="Photos" />
<span class="a-btn-text">EQUITY EUR</span>
</a>

<a href="index.php?menu=fondi&argomento=flexible" id="scheda_offerta_flexible_usd" class="a-btn">
<span class="a-btn-slide-text"></span>
<img src="img/4.png" alt="Photos" />
<span class="a-btn-text">FLEXIBLE (USD)</span>
</a>

<a href="index.php?menu=fondi&argomento=flexibleusd" id="schedainformativa" class="a-btn">
<span class="a-btn-slide-text"></span>
<img src="img/4.png" alt="Photos" />
<span class="a-btn-text">FLEXIBLE (EUR)</span>
</a>

<a href="index.php?menu=fondi&argomento=pureequity" id="collocatori" class="a-btn">
<span class="a-btn-slide-text"></span>
<img src="img/4.png" alt="Photos" />
<span class="a-btn-text">PURE EQUITY (EUR)</span>
</a>

</div>
</div>
<div id="box-5">
<div class="TOLWidget" data-modules="indices" data-style="dimension:3;font:arial;header_bg:FBE54D;hea der_color:4A3D8D;link:4A3D8D;row_bg:F0F0F0;date:6B 6B6B;values:000000;city:6B6B6B;instrument:000000;v alute:000000;ratings:000000;dividends:000000;commo dities:000000"></div>
</div>

In sintesi vorrei inserire la slider all'interno del DIV "box-1" presente in Home.php,
di modo che si visualizzi in INDEX.PHP una volta richiamata con l'include...

Ho provato a spostare gli script ma nulla....non vorrei ci fossero dei conflitti con i java già presenti...

Help me please

**Fabster1980** · 05-01-2015, 16:30

Questa è la slider che vorrei far apparire nella index:

http://www.html.it/articoli/slidesho...nivo-slider-1/

Discussione: Inserimento Nivo Slider attraverso include su pagina Php

Strumenti discussione

Ricerca discussione

Visualizza

Inserimento Nivo Slider attraverso include su pagina Php

Permessi di invio