1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147
| <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html lang="fr" xml:lang="fr">
<head>
<title>Projet JQuery</title>
<meta http-equiv="Content-Type" content="txt/html; charset=iso-8859-1" />
<link href="../MaBibliothequeJquery/css/trontastic/jquery-ui-1.10.1.custom.css" rel="stylesheet">
<script src="../MaBibliothequeJquery/js/jquery-ui-1.10.1.custom.min.js"></script>
<script src="jquery.js"></script>
<?php include('fonctionPHP.php');$fondMusique=maMusiqueFond();?>
<style>
.ui-menu { width: 150px; }
.ui-tabs{
width:98%;
background-image : url("utilitaire/fond matrix.jpg");
background-repeat: no-repeat;
background-position: center top;
background-attachment:fixed;
background-size: 100% 100%;}
body
{
background-color:black;
}
#draggable
{
width: 100px;
height: 100px;
background-image : url("utilitaire/fond vrai.jpg");
background-repeat: no-repeat;
background-position: center;
background-attachment:fixed;
}
</style>
</head>
<body>
<script>
$(function() {
$( "#menu" ).menu();
});
$(function() {
$( "#draggable" ).draggable();
});
function PopupWindow(source, strWindowToOpen)
{
var strWindowFeatures = "toolbar=no,resize=no,titlebar=no,";
strWindowFeatures = strWindowFeatures + "menubar=no,width=400,height=200,maximize=null";
window.open(strWindowToOpen, '', strWindowFeatures);
}
function onclick_page(event)
{
var x = event.clientX;
var y = event.clientY;
if(((x<800)&(x>735))&((y<290)&(y>240)))
{
PopupWindow(this,"maPopup.php");
}
}
var num_para=1;
function add()
{
var s = document.createElement("section");
s.setAttribute("style", "background-color:#88BB88;width:220px;text-align:center;border-radius:20px;");
var p = document.createElement("p");
currentElement = document.createElement("input");
currentElement.setAttribute("type", "text");
currentElement.setAttribute("name", "cc");
currentElement.setAttribute("id", "cc");
currentElement.setAttribute("value", "entrer texte ici");
var texte= document.createTextNode("Paragraphe "+num_para+" ajouté. Cliquer pour supprimer !");
p.style.backgroundColor="#556644";
p.style.color="white";
p.style.border="2px solid #778866";
p.style.width="200px";
p.style.textAlign="center";
p.style.borderRadius="30px";
num_para++;
p.onclick=function()
{
p.parentNode.parentNode.removeChild(s);
}
p.appendChild(texte);
s.appendChild(p);
s.appendChild(currentElement);
document.getElementById('tab3').appendChild(s);
$( "section" ).draggable();
}
</script>
<div id="tabs">
<ul>
<li><a href="#tab1">Le Menu</a></li>
<li><a href="#tab2">Jeux Déplacement</a></li>
<li><a href="#tab3">Travaux sur DOM</a></li>
</ul>
<div id="tab1"><ul id="menu">
<li class="ui-state-disabled"><a href="#">MENU</a></li>
<li>
<a href="..">Projets</a>
<ul>
<li><a href="../Hitman%20Legend/Page_Accueil.php">Hitman</a></li>
<li><a href="../DGreyMan%20v1.2/index.php">D Grey Man v1.2</a></li>
<li><a href="../Mon Chat/minichat.html">MonChat</a></li>
<li><a href="../Nanotechnologique/accueil.html">Nanotechnologie</a></li>
<li><a href="../Prog Web/TD1/ex6.php">Entrainement Prog Web</a></li>
<li><a href="../Site Test/Site test.html">My First Site</a></li>
</ul>
</li>
<li>
<a href="..">Jeux</a>
<ul>
<li><a href="../Jeux/Angry Birds.php">Angry Birds</a></li>
<li><a href="../Jeux/Bad Piggies.php">Bad Piggies</a></li>
<li><a href="../Jeux/doodle-devil.swf">Doodle Devil</a></li>
<li><a href="../Jeux/doodle-god.swf">Doodle God</a></li>
</ul>
</li>
<li><a href="..">RETOUR</a></li>
<li class="ui-state-disabled"><a href="#">FIN MENU</a></li>
</ul>
</div>
<div id="tab2"><li class="ui-state-disabled">trouver l'agent Smith avec le cercle de vision et cliquer sur la croix</li>
<div id="draggable" class="ui-widget-content">
<a href="#" id="lien_click" onclick="onclick_page(event);">X</a>
</div>
</div>
<div id="tab3"><p name="para" onclick="add()" >
Cliquez ici pour ajouter un nouveau paragraphe
</p>
<script>
$("p").css({"background-color":"#556644",color:"white", border:"2px solid #778866",width:"200px","text-align":"center","border-radius":"30px"});
</script></div>
</div>
<script>
$("#tabs").tabs();
</script>
<?php echo '<embed src="'.$fondMusique.'" autostart="true" width="0" height="0" loop="true" align=="right"></embed>';?>
</body>
</html> |
Partager