commit 2dfcb2b6327a2b10f164c6ef40196ac1add1f949
parent 5171cbb9e94c5fcb37a61088aa527f195b06e15b
Author: gduperon <gduperon@5d9ba3ac-444b-4713-9fb3-0b58e79229a2>
Date: Sun, 25 Apr 2010 20:14:43 +0000
essais mise en page avec tableaux, ajout du .zip contenant tous les trucs Jquery UI
git-svn-id: https://projetud.info-ufr.univ-montp2.fr/svn/flin607-2009-gduperon@22 5d9ba3ac-444b-4713-9fb3-0b58e79229a2
Diffstat:
6 files changed, 264 insertions(+), 4 deletions(-)
diff --git a/jside/ide.js b/jside/ide.js
@@ -251,19 +251,19 @@ jQuery.fn.extend({
function logPauseToggle() {
if (logPause) {
- $('#log-contenu').stop().scrollTo($('#log-contenu :last'), 200);
+ $('#log .contenu').stop().scrollTo($('#log .contenu :last'), 200);
logPause = false;
$('#log-pause').text("pause");
} else {
logPause = true;
- $('#log-contenu').stop();
+ $('#log .contenu').stop();
$('#log-pause').text("play");
}
}
function log(msg) {
- var elem = $('#log-contenu').append("<p>"+msg+"</p>");
+ var elem = $('#log .contenu').append("<p>"+msg+"</p>");
if (!logPause) {
- $('#log-contenu').stop().scrollTo($('#log-contenu :last'), 100);
+ $('#log .contenu').stop().scrollTo($('#log .contenu :last'), 100);
}
}
diff --git a/jside/index2.html b/jside/index2.html
@@ -0,0 +1,119 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">
+ <head>
+ <title>IDE</title>
+ <link rel="stylesheet" type="text/css" href="jquery/themes/custom-theme/jquery.ui.all.css" />
+ <link rel="stylesheet" type="text/css" href="style2.css" />
+
+ <script type="text/javascript" src="jquery/jquery-1.4.2.js"></script>
+
+ <script type="text/javascript" src="jquery/jquery.scrollTo.js"></script>
+ <script type="text/javascript" src="jquery/jquery.jqote2.js"></script>
+
+ <script type="text/javascript" src="jquery/ui/jquery.ui.core.js"></script>
+ <script type="text/javascript" src="jquery/ui/jquery.ui.widget.js"></script>
+ <script type="text/javascript" src="jquery/ui/jquery.ui.mouse.js"></script>
+ <script type="text/javascript" src="jquery/ui/jquery.ui.draggable.js"></script>
+ <script type="text/javascript" src="jquery/ui/jquery.ui.droppable.js"></script>
+ <script type="text/javascript" src="jquery/ui/jquery.ui.resizable.js"></script>
+ <script type="text/javascript" src="jquery/ui/jquery.ui.effects.core.js"></script>
+ <script type="text/javascript" src="jquery/ui/jquery.effects.core.js"></script>
+
+ <script type="text/javascript" src="ide.js"></script>
+ </head>
+ <body id="body">
+ <div id="wrapper">
+ <table id="top">
+ <tr>
+ <td>
+
+ <div id="outils">
+ <input type="text" class="bouton" id="nom-bloc" />
+ <a href="#" class="bouton" id="rechercher">Rechercher</a>
+ <a href="#" class="bouton" id="nouveau-bloc">Nouveau bloc</a>
+ <a href="#" class="bouton" id="serialiser">Serialiser</a>
+ <div class="clear"></div>
+ </div>
+
+ </td>
+ </tr>
+ <tr>
+ <td>
+
+ <div id="edition">
+ <table id="resultats-recherche">
+ <thead>
+ <tr>
+ <th>
+ Uid
+ </th>
+ <th>
+ Nom
+ </th>
+ <th>
+ Description
+ </th>
+ <th>
+ Actions
+ </th>
+ </tr>
+ </thead>
+ <script type="text/x-jqote-template" id="modele-resultat-recherche">
+ <![CDATA[
+ <tr class="resultat-recherche">
+ <td>
+ <%= this.uid %>
+ </td>
+ <td>
+ <%= this.nom %>
+ </td>
+ <td>
+ <%= this.description %>
+ </td>
+ <td>
+ <a class="button editer" href="#">Éditer</a>
+ <a class="button utiliser" href="#">Utiliser</a>
+ </td>
+ </tr>
+ ]]>
+ </script>
+ <tbody>
+ </tbody>
+ </table>
+ <div id="edition-blocs">
+ <script type="text/x-jqote-template" id="modele-utilisation-bloc">
+ <![CDATA[
+ <div class="bloc">
+ <div class="tete">
+ <span class="reduire icone icone-moins"></span>
+ <%= this.nom %>
+ </div>
+ <div class="contenu">
+ <%= this.description %>
+ </div>
+ </div>
+ ]]>
+ </script>
+ </div>
+ </div>
+
+ </td>
+ </tr>
+ <tr>
+ <td>
+ <div id="log">
+ <div class="tete">
+ <h2>Log</h2>
+ <a href="#" class="bouton" id="log-pause">pause</a>
+ </div>
+ <div class="contenu">
+ <!-- Log -->
+ </div>
+ </div>
+ </td>
+ </tr>
+ </table>
+ </div>
+ </body>
+</html>
diff --git a/jside/index3.html b/jside/index3.html
@@ -0,0 +1,53 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">
+ <head>
+ <title>IDE</title>
+ <link rel="stylesheet" type="text/css" href="style3.css" />
+ </head>
+ <body>
+ <table id="hauteur-max">
+ <tr>
+ <td>
+ Menu
+ </td>
+ </tr>
+ <tr id="main">
+ <td id="td1">
+ abc
+ </td>
+ </tr>
+ <tr>
+ <td id="td1">
+ Log
+ </td>
+ </tr>
+ <tr>
+ <td id="log">
+ <div id="log-contenu">
+ 1 Contenu du log<br/>
+ 2 Contenu du log<br/>
+ 3 Contenu du log<br/>
+ 4 Contenu du log<br/>
+ 5 Contenu du log<br/>
+ 6 Contenu du log<br/>
+ 7 Contenu du log<br/>
+ 8 Contenu du log<br/>
+ 9 Contenu du log<br/>
+ 10 Contenu du log<br/>
+ 11 Contenu du log<br/>
+ 12 Contenu du log<br/>
+ 13 Contenu du log<br/>
+ 14 Contenu du log<br/>
+ 15 Contenu du log<br/>
+ 16 Contenu du log<br/>
+ 17 Contenu du log<br/>
+ 18 Contenu du log<br/>
+ 19 Contenu du log<br/>
+ 20 Contenu du log<br/>
+ </div>
+ </td>
+ </tr>
+ </table>
+ </body>
+</html>
diff --git a/jside/jquery/jquery-ui-1.8.custom.zip b/jside/jquery/jquery-ui-1.8.custom.zip
Binary files differ.
diff --git a/jside/style2.css b/jside/style2.css
@@ -0,0 +1,58 @@
+body {
+ margin: 0;
+}
+
+#wrapper {
+ position: absolute;
+ top: 0;
+ bottom: 0;
+ left: 0;
+ right: 0;
+ border: thick solid blue;
+}
+
+table#top {
+ height: 100%;
+ width: 100%;
+ border: thin solid black;
+}
+
+td {
+ border: thin solid gray;
+}
+
+#tr-log-en-tete {
+ height: 1em;
+}
+
+#log-en-tete {
+ border: thin solid red;
+ height: 1em;
+ overflow: auto;
+}
+
+.bouton {
+ display: inline-block;
+ padding: 0.1em 0.2em;
+ margin: 0.2em;
+ text-decoration: none;
+ border-width: thin;
+ border-style: solid;
+}
+
+.tete {
+ margin: 0.2em;
+ padding: 0.3em;
+ background-color: lightgray;
+}
+
+#log .tete h2 {
+ display: inline;
+ font-size: 100%;
+ margin-right : 1em;
+}
+
+#log {
+ height: 20%;
+ overflow: auto;
+}
+\ No newline at end of file
diff --git a/jside/style3.css b/jside/style3.css
@@ -0,0 +1,28 @@
+html, body, #hauteur-max {
+ height:100%;
+ width: 100%;
+ margin: 0;
+ padding: 0;
+}
+
+td {
+ border: thin solid red;
+ vertical-align: top;
+}
+
+td#log{
+ height:10em; /* On ne peut pas mettre 20% ici… */
+}
+
+#log-contenu {
+ height: 100%;
+ overflow: auto;
+}
+
+tr {
+ height:1em;
+}
+
+tr#main {
+ height: auto;
+}
+\ No newline at end of file
