Rechercher : dans
Par :

Comment bien mélanger du html/java et du php

Senethril, le 29 avr 2008 à 20:45:20 
 Signaler ce message aux modérateurs

Bonjour tout le monde,

j'ai une question qui me semble déjà posée de nombreuses fois sur la toile, malheureusement mon cas est concerné par une difficulté accrue à savoir mélanger du code html et php en sachant bien placer les \ et les " .

J'ai un site nk en index.php et souhaite ajouter de l' html avec du java dans cette page, bien entendu elle restera en php, d'une je n'arrive pas à appeler la page directement en html (comme ceci: echo "<A HREF="http://bienvenue.olympe-network.com/fichier.html"> </a>)et sinon je pensais intégrer le tout ensemble, je sais c'est pas évident car ce sera long mais si vous pouvez me donner la soluce pour faire au plus simple et au plus vite, ce sera le mieux de plus je ne me sens pas l'âme d'un codeur fou donc les explications sont les bienvenues.

Le code ne sert qu'à afficher une jauge de chargement du contenu en images.
(je dispose des fichiers images placés au bon endroit)



LE CODE HTML:


<HTML><HEAD><TITLE>Preload</TITLE>
<SCRIPT language=javascript>

var ie = document.all?true:false // On test le navigateur pour IE

onload = preloadImage // Appel de la function preloadImage() au chargement de la page. Peut etre remplacer par <body onload="preloadImage()">

function addZero(chiffre){ // Function qui ajoute un zero devant les chiffres
if (chiffre < 10) { chiffre = "0"+chiffre; }
if (chiffre < 100) { chiffre = "0"+chiffre; }
return chiffre;
}

var i=0; // On initialise le comptage des images a 0.
function preloadImage(){
var myContent = document.getElementsByTagName("img") // On repere les images contenu dans la page
var totalImage = myContent.length // Et on compte combien il y'en a
percent = Math.ceil((i+1)*100/totalImage) // A chaque passage dans la fonction, on calcule le pourcentage de i par rapport au nb d'image

if (i < totalImage){ // Si l'image traité n'est pas la derniere image du doc on execute ce qui suit.
if (myContent.item(i).complete) { // si l'image i est chargée, on envoi le pourcentage dans le div
document.getElementById("preloadPercent").innerHTML = "[please wait " + addZero(percent) + "%]";
document.loadedGreen.style.width = percent // Et on redimension l'image rouge
document.loadedRed.style.width = 100-percent // pareil en consequence avec la verte.
i++ // On increment i, pour passer a l'image suivante
setTimeout(preloadImage) // Et hop, on repasse dans la fonction avec l'image suivante
}
} else { // Sinon, on deduit que les images ont toute été chargées, et on cache le preload.
if (!ie) document.getElementById("preloadCache").style.visibility = "hidden"; // Si le client n'est pas IE on vire tout simplement le cache
else crosoftFade() // Sinon on applique un effet de fade progressif en appelant la fonction crosoftFade()
}
}

var opacity = 100 // Opacity de depart
function crosoftFade(){
opacity -= 25; // Opacity -25 a chaque passage
document.getElementById("preloadCache").style.filter = "progid:DXImageTransform.Microsoft.Alpha(opacity=" + opacity + ")";
if (opacity > 0) setTimeout(crosoftFade); // On passe cette fonction en boucle tant que le cache n'a pas disparu
else document.getElementById("preloadCache").style.visibility = "hidden";
}

</SCRIPT>

<STYLE type=text/css>BODY {
FONT-SIZE: 10px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
TD {
FONT-SIZE: 10px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
</STYLE>

<META content="MSHTML 6.00.2600.0" name=GENERATOR></HEAD>
<BODY text=#000000 bgColor=#ffffff><!-- le cache a placer dans le corps de la page -->
<DIV id=preloadCache
style="Z-INDEX: 123; LEFT: 0px; WIDTH: 100%; POSITION: absolute; TOP: 0px; HEIGHT: 100%">
<TABLE height="100%" cellSpacing=0 cellPadding=0 width="100%" border=0>
<TBODY>
<TR>
<TD align=middle bgColor=#ffffff>
<DIV id=preloadPercent><FONT color=#999999>[please wait
000%]</FONT></DIV><BR>
<TABLE cellSpacing=0 cellPadding=1 width=100 border=0>
<TBODY>
<TR bgColor=#999999>
<TD><IMG height=4 src="preload/green.gif" width=0
name=loadedGreen></TD>
<TD><IMG height=4 src="preload/red.gif" width=100
name=loadedRed></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></DIV><!-- fin du cache --><B>Ton
contenu ici :</B><br><br>
<img src="themes/sky2/espace216.jpg"><br>
<img src="contenu2.jpg"><br>
<img src="images/pas_image.jpg"><br>
<img src="themes/sky2/images/blanc.gif"><br><br>
<img src="themes/sky2/images/blokB1.jpg"><br>
<img src="themes/sky2/images/blokB.jpg"><br>
<img src="themes/sky2/images/c1.gif"><br>
<img src="themes/sky2/images/c2.gif"><br><br>
<img src="themes/sky2/images/logo.gif"><br>
<img src="themes/sky2/images/pixel.gif"><br>
<img src="themes/sky2/images/tmenu.gif"><br>
<img src="preload/contenu4.jpg"><br><br>
</body>
</html>




LE CODE DE MA PAGE INDEX.PHP:

<?php
define ("INDEX_CHECK", 1);

include ("conf.inc.php");

if (!defined("NK_OPEN"))
{
echo "<br /><br /><br /><div style=\"text-align: center;\"><big>Sorry, this website is momently closed, Please try again later.</big></div>";
exit();
}

if (!defined("NK_INSTALLED"))
{
if (is_file("install.php"))
{
header("location: install.php");
}
}
else
{
if (is_file("install.php") || is_file("update.php"))
{
echo "<br /><br /><br /><div style=\"text-align: center;\"><big>Warning ! <b>install.php</b> and <b>update.php</b> must be removed before continuing !</big></div>";
exit();
}
}

include ("nuked.php");

$session = session_check();
if ($session == 1) $user = secure();
else $user = array();

$session_admin = admin_check();

$check_ip = banip();

if ($check_ip != "")
{
$url_ban = "ban.php?ip_ban=" . $check_ip;
redirect($url_ban, 0);
exit();
}

if (isset($nuked_nude) && $nuked_nude != "") $im_file = $nuked_nude;
else if (isset($page) && $page != "") $im_file = $page;
else $im_file = "index";

// Securite par phpSecure.info
if (ereg("\.\.", $theme) || ereg("\.\.", $language) || ereg("\.\.", $file) || ereg("\.\.", $im_file) || eregi("http\:\/\/", $file) || eregi("http\:\/\/", $im_file))
{
die("<br /><br /><br /><div style=\"text-align: center;\"><big>What are you trying to do ?</big></div>");
}

$file = trim($file);
$im_file = trim($im_file);
$theme = trim($theme);
$language = trim($language);
// Fin

if ($nuked['nk_status'] == "closed" && $user[1] < 9 && $op != "login_screen" && $op != "login_message" && $op != "login")
{
include ("themes/" . $theme . "/colors.php");
translate("lang/" . $language . ".lang.php");

echo "<!DOCTYPE html PUBLIC \"-//W3C//DTD XHTML 1.0 Strict//EN\" \"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd\">\n"
. "<html xmlns=\"http://www.w3.org/1999/xhtml\" xml:lang=\"fr\">\n"
. "<head><title>" . $nuked['name'] . " :: " . $nuked['slogan'] . " ::</title>\n"
. "<meta http-equiv=\"Content-Type\" content=\"text/html; charset=iso-8859-1\" />\n"
. "<meta http-equiv=\"content-style-type\" content=\"text/css\" />\n"
. "<link title=\"style\" type=\"text/css\" rel=\"stylesheet\" href=\"themes/" . $theme . "/style.css\" />\n"
. "<body style=\"background: " . $bgcolor2 . ";\"><br /><br /><br /><br /><br /><br /><br /><br />
</div>\n"
. "<table style=\"margin-left: auto;margin-right: auto;text-align: left;background: " . $bgcolor3 . ";\" cellspacing=\"1\" cellpadding=\"20\">\n"
. "<tr><td style=\"background: " . $bgcolor1 . ";\" align=\"center\"><big><b>" . $nuked['name'] . " " . $nuked['slogan'] . "</b></big><br /><br />\n"
. _SITECLOSED . "</td></tr></table></body></html>";
}
else if (($file == "Admin" || $page == "admin" || $nuked_nude == "admin") && $session_admin == 0)
{
include ("themes/" . $theme . "/colors.php");
include ("themes/" . $theme . "/theme.php");
translate("lang/" . $language . ".lang.php");

if (!isset($nuked_nude)) top();

include("modules/Admin/login.php");

if (!isset($nuked_nude))
{
footer();
include("Includes/copyleft.php");
}
}
else
{
if ($file != "Admin" && $file != "Stats" && $file != "Members" && $page != "admin" && $nuked_nude != "admin" && $op != "smilies" && $session_admin == 1) setcookie($cookie_admin, "");

include ("themes/" . $theme . "/colors.php");
include ("themes/" . $theme . "/theme.php");
translate("lang/" . $language . ".lang.php");

if ($nuked['level_analys'] != -1) visits();

if (!isset($nuked_nude))
{

if (defined("NK_GZIP") && @extension_loaded('zlib') && !@ini_get('zlib.output_compression') && @phpversion() >= "4.0.4")
{
ob_start("ob_gzhandler");
}

top();

echo "<script type=\"text/javascript\" src=\"js/infobulle.js\"></script>\n"
. "<script type=\"text/javascript\">InitBulle('" . $bgcolor2 . "', '" . $bgcolor3 . "', 2);</script>\n"
. "<script type=\"text/javascript\">\n"
. "<!--\n"
. "document.write('<link rel=\"stylesheet\" href=\"css/jquery.thickbox.css\" type=\"text/css\" media=\"screen\" /><link rel=\"stylesheet\" href=\"css/jquery.autocomplete.css\" type=\"text/css\" media=\"screen\" />');\n"
. "-->\n"
. "</script>\n"
. "<script type=\"text/javascript\" src=\"js/jquery.js\"></script>\n"
. "<script type=\"text/javascript\" src=\"js/jquery.thickbox.js\"></script>\n"
. "<script type=\"text/javascript\" src=\"js/jquery.bgiframe.js\"></script>\n"
. "<script type=\"text/javascript\" src=\"js/jquery.dimensions.js\"></script>\n"
. "<script type=\"text/javascript\" src=\"js/jquery.autocomplete.js\"></script>\n";

if ($nuked['nk_status'] == "closed" && $user[1] == 9)
{
echo "<table style=\"background: " . $bgcolor3 . ";\" width=\"100%\" cellspacing=\"1\" cellpadding=\"8\">\n"
."<tr><td style=\"background: " . $bgcolor2 . ";\" ><big><b>" . _YOURSITEISCLOSED . " :<br /><br/ >" . $nuked['url'] . "/index.php?file=User&op=login_screen</b></big></td></tr></table><br />\n";
}
}

if (is_file("modules/" . $file . "/" . $im_file . ".php"))
{
include("modules/" . $file . "/" . $im_file . ".php");
}
else
{
include("modules/404/index.php");
}

if (!isset($nuked_nude))
{
if ($user[5] > 0 && !isset($_COOKIE['popup']) && $file != "User" && $file != "Userbox")
{
echo "<div id=\"popup_dhtml\" style=\"position:absolute;top:0;left:0;visibility:visible;z-index:10\"></div>\n"
. "<script type=\"text/javascript\" src=\"js/popup.js\"></script>\n"
. "<script type=\"text/javascript\">popup('" . $bgcolor2 . "', '" . $bgcolor3 . "', '" . _NEWMESSAGESTART . " " . $user[5] . " " . _NEWMESSAGEEND . "', '" . _CLOSEWINDOW . "', 'index.php?file=Userbox', 350, 100);</script>\n";
}

footer();
include("Includes/copyleft.php");
echo "</body></html>";
}
}

?>



MERCI BEAUCOUP A TOUS CEUX QUI SAURONT PRENDRE PATIENCE

Configuration: Windows XP
Internet Explorer 7.0

Meilleures réponses pour « Comment bien mélanger du html/java et du php » dans :
Télécharger Firstpage VoirFirst Page 2006 est un éditeur html gratuit et excellent. Il permet de travailler un code HTML en couleur, ainsi que de prévisualiser le site. 1st Page 2006 supporte les standards HTML, XHTML, PHP, ASP, Cold Fusion, Javascript, CSS, SSI et Perl.
Implantation du code Php VoirL'interprétation du code par le serveur Un script PHP est un simple fichier texte contenant des instructions écrites à l'aide de caractères ASCII 7 bits (des caractères non accentués) incluses dans un code HTML à l'aide de balises spéciales et...
PHP - Les fichiers VoirLa gestion des fichiers avec PHP Avec PHP, la création ou la lecture de fichiers est, une fois de plus, assez simple. Il existe une multitude de fonctions dédiées à l'utilisation des fichiers. La communication entre le script PHP et le fichier...
PHP - Mail et fonctions réseau VoirPHP étant un langage consacré au Web, il possède bien évidemment des fonctions lui permettant de communiquer avec le "monde extérieur" à l'aide de fonctions standards. Le service le plus utilisé sur Internet étant la messagerie électronique, il est...
Collection CommentÇaMarche.net