diff --git a/ajax/loadReserve.php b/ajax/loadReserve.php
new file mode 100644
index 0000000..c9daa1e
--- /dev/null
+++ b/ajax/loadReserve.php
@@ -0,0 +1,12 @@
+
+include '../class/Links.php';
+if($links_xml = simplexml_load_file('../'.links::LINKS_FILE)){
+ $links = $links_xml->reserve;
+ foreach($links as $label){
+ echo '
';
+ }
+}
\ No newline at end of file
diff --git a/ajax/reserveToList.php b/ajax/reserveToList.php
new file mode 100644
index 0000000..53e9773
--- /dev/null
+++ b/ajax/reserveToList.php
@@ -0,0 +1,19 @@
+
+$reserve = $_POST['reserve'];
+
+$doc = new DOMDocument;
+$doc->load('../db/links.xml');
+
+$xpath = new DOMXpath($doc);
+
+// Buffering and deleting moved element
+foreach($xpath->query('reserve/link[title = "'.$reserve.'"]') as $node) {
+ $buffer = $node;
+ $node->parentNode->removeChild($node);
+}
+
+$searchLabel = $xpath->query('label');
+$lastLabel = $searchLabel->length -1;
+
+$searchLabel->item($lastLabel)->appendChild($buffer);
+$doc->save('../db/links.xml');
\ No newline at end of file
diff --git a/class/Links.php b/class/Links.php
index e4dab5c..9af529e 100644
--- a/class/Links.php
+++ b/class/Links.php
@@ -12,6 +12,7 @@ class links {
public function __construct($params){
$this->setParams($params);
echo '
+
';
if($links_xml = simplexml_load_file(self::LINKS_FILE)){
$links = $links_xml->label;
@@ -27,7 +28,8 @@ class links {
}else{
echo 'Can\'t find '.self::LINKS_FILE;
}
- echo '
';
+ echo '';
+
}
private function setParams($params){
diff --git a/css/links.css b/css/links.css
new file mode 100644
index 0000000..82f65d4
--- /dev/null
+++ b/css/links.css
@@ -0,0 +1,161 @@
+#reserve{display:none;background:#000;}
+
+ .divider {
+ display:block;
+ font-size:1px;
+ border-width:0px;
+ border-style:solid;
+ border-top-width:1px;
+ margin:9px 0px 4px -2px;
+ border-color:#BFBFBF;
+ }
+
+ ul.iconlist li, ul#reserveiconlist li{
+ /*display:inline-block;*/
+ float:left;
+ margin:0 10px 10px 0;
+ text-align:center;
+ font-weight:bold;
+ color:#2D406D;
+ }
+
+ ul.iconlist li a, ul#reserveiconlist li a {
+ display:block;
+ padding:6px;
+ margin:0px;
+ text-align:center;
+ font-weight:bold;
+
+ /*background-color:rgba(235,239,249,0.0);*/
+ background-color:#FFFFFF;
+ cursor:pointer;
+ -webkit-border-radius: 10px;
+ width:96px;
+ /*height:86px;*/
+ height:66px;
+ -webkit-transition: background-color 0.3s ease-out ;
+
+ }
+
+ ul.iconlist li a:hover, ul#reserveiconlist li a:hover {
+ background-color:#ebeff9;
+ -webkit-transition: background-color 0s ease-out ;
+
+ }
+
+ ul.iconlist li.disabled a:hover {
+ background-color:white;
+ opacity:0.5;
+
+ }
+
+ ul.iconlist li.disabled a {
+ background-color:white;
+ opacity:0.5;
+ cursor:default;
+
+ }
+
+ ul.iconlist li a img, ul#reserveiconlist li a img{
+ x-webkit-transition: -webkit-transform 0.3s ease-out ;
+
+ }
+
+ ul.iconlist li a:hover img, ul#reserveiconlist li a:hover{
+ x-webkit-transform: scale(1.1);
+ x-webkit-transition: -webkit-transform 0.0s ease-out ;
+
+
+ }
+
+ ul.iconlist, ul#reserveiconlist {
+ padding:5px;
+ list-style:none;
+ }
+
+ ul.iconlist img, ul#reserveiconlist img{
+ width:64px;
+ height:64px;
+ margin-bottom:1px;
+ }
+
+ div.sidemenu{
+ xbackground:rgba(255,255,255,0.8);
+ x-webkit-border-radius: 5px;
+ xborder: 1px solid rgba(0,0,0,0.3);
+ x-webkit-box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.15);
+ width:150px;
+ margin-left: 0px;
+ height:90%;
+ display:none;
+ float:left;
+ border-right:1px solid red;
+ }
+
+ div.appscontainer {
+ width:730px;
+ margin:20px auto;
+ padding:0px;
+ /*background:red;*/
+ -webkit-border-radius: 5px;
+ -moz-border-radius: 5px;
+ border-radius: 5px;
+ xmargin-left:160px;
+ background:rgba(255,255,255,0.8);
+ overflow:auto;
+
+ border: 1px solid rgba(0,0,0,0.3);
+ -webkit-box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.15);
+ -moz-box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.15);
+ }
+
+ hr {
+ clear:left;
+ border:none;
+ height:0px;
+ border-bottom:1px solid #eee;
+ }
+
+ .label {
+ display:none;
+ float:Right;
+ padding-top:6px;
+ padding-right:6px;
+ color:#fff;
+ }
+
+ .fakelocation {
+ background:white;
+ height:38px;
+ background:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#ebeff9));
+ border-bottom:1px solid #eee;
+ padding:0;
+ display:none;
+ }
+
+ a.getmore {
+ display:block;
+ text-align:right;
+ padding:10px;
+
+ }
+
+ div.url {
+ font-weight:normal;
+ opacity:0;
+ position:absolute;
+ text-align:center;
+ }
+
+ ul.iconlist li:hover div.url, ul#reserveiconlist li:hover div.url{
+ opacity:.5;
+ }
+ li.selected {
+ background-color:#D6DEF7 !important;
+ }
+
+ li.vseparator {
+ width:1px;
+ height:86px;
+ background-color:red;
+ }
\ No newline at end of file
diff --git a/css/main.css b/css/main.css
index 9b2adf9..2015292 100644
--- a/css/main.css
+++ b/css/main.css
@@ -33,165 +33,7 @@
vertical-align:top;
}
- .divider {
- display:block;
- font-size:1px;
- border-width:0px;
- border-style:solid;
- border-top-width:1px;
- margin:9px 0px 4px -2px;
- border-color:#BFBFBF;
- }
-
- ul.iconlist li{
- /*display:inline-block;*/
- float:left;
- margin:0 10px 10px 0;
- text-align:center;
- font-weight:bold;
- color:#2D406D;
- }
-
- ul.iconlist li a {
- display:block;
- padding:6px;
- margin:0px;
- text-align:center;
- font-weight:bold;
-
- /*background-color:rgba(235,239,249,0.0);*/
- background-color:#FFFFFF;
- cursor:pointer;
- -webkit-border-radius: 10px;
- width:96px;
- /*height:86px;*/
- height:66px;
- -webkit-transition: background-color 0.3s ease-out ;
-
- }
-
- ul.iconlist li a:hover {
- background-color:#ebeff9;
- -webkit-transition: background-color 0s ease-out ;
-
- }
-
- ul.iconlist li.disabled a:hover {
- background-color:white;
- opacity:0.5;
-
- }
-
- ul.iconlist li.disabled a {
- background-color:white;
- opacity:0.5;
- cursor:default;
-
- }
-
- ul.iconlist li a img{
- x-webkit-transition: -webkit-transform 0.3s ease-out ;
-
- }
-
- ul.iconlist li a:hover img{
- x-webkit-transform: scale(1.1);
- x-webkit-transition: -webkit-transform 0.0s ease-out ;
-
-
- }
-
- ul.iconlist {
- padding:5px;
- list-style:none;
- }
-
- ul.iconlist img{
- width:64px;
- height:64px;
- margin-bottom:1px;
- }
-
- div.sidemenu{
- xbackground:rgba(255,255,255,0.8);
- x-webkit-border-radius: 5px;
- xborder: 1px solid rgba(0,0,0,0.3);
- x-webkit-box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.15);
- width:150px;
- margin-left: 0px;
- height:90%;
- display:none;
- float:left;
- border-right:1px solid red;
- }
-
- div.appscontainer {
- width:730px;
- margin:20px auto;
- padding:0px;
- /*background:red;*/
- -webkit-border-radius: 5px;
- -moz-border-radius: 5px;
- border-radius: 5px;
- xmargin-left:160px;
- background:rgba(255,255,255,0.8);
- overflow:auto;
-
- border: 1px solid rgba(0,0,0,0.3);
- -webkit-box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.15);
- -moz-box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.15);
- }
-
- hr {
- clear:left;
- border:none;
- height:0px;
- border-bottom:1px solid #eee;
- }
-
- .label {
- display:none;
- float:Right;
- padding-top:6px;
- padding-right:6px;
- color:#fff;
- }
-
- .fakelocation {
- background:white;
- height:38px;
- background:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#ebeff9));
- border-bottom:1px solid #eee;
- padding:0;
- display:none;
- }
-
- a.getmore {
- display:block;
- text-align:right;
- padding:10px;
-
- }
-
- div.url {
- font-weight:normal;
- opacity:0;
- position:absolute;
- text-align:center;
- }
-
- ul.iconlist li:hover div.url {
- opacity:.5;
- }
- li.selected {
- background-color:#D6DEF7 !important;
- }
-
- li.vseparator {
- width:1px;
- height:86px;
- background-color:red;
- }
+
.searchfield, #q {
padding:2px 2px 2px 5px;
diff --git a/db/links.xml b/db/links.xml
index 41366f2..39c807d 100644
--- a/db/links.xml
+++ b/db/links.xml
@@ -133,4 +133,12 @@
Horaires Ciné
+
+
+ http://fr.mail.yahoo.com/
+ popup
+ mail-yahoo.png
+ Yahoo Mail
+
+
\ No newline at end of file
diff --git a/js/jquery.links.js b/js/jquery.links.js
index 4e601be..af436d3 100644
--- a/js/jquery.links.js
+++ b/js/jquery.links.js
@@ -1,27 +1,38 @@
$(document).ready(function(){
// Réglage des options
- $('body').append('');
+ $('body').append('');
$('#menu-bar').prepend($('#links-menu'));
- $('#links').append('Quel lien à ajouter?
Enregistrer');
- $('#links-menu').fancybox({
- 'zoomSpeedIn' : 600,
- 'zoomSpeedOut' : 500,
- 'easingIn' : 'easeOutBack',
- 'easingOut' : 'easeInBack',
- 'hideOnContentClick': false,
- 'padding' : 15
- });
- $('#links-submit').live('click', function(){
- var link = $('#linkChoice').val();
- if(link != '' || link != null){
- $.get('ajax/update.php', {id:'links', link: link}, function(msg){
- location.reload();
+
+ // Apparition de la reserve de liens
+ $('#links-menu').live('click', function(){
+ $('#reserve').show();
+ $.get('ajax/loadReserve.php', function(html){
+ $.fancybox(
+ html,
+ {
+ 'autoDimensions' : false,
+ 'width' : 400,
+ 'height' : 'auto',
+ 'showNavArrows' : false,
+ 'transitionIn' : 'elastic'
+ }
+ );
});
- }else{
- $('#links').append('links can\'t be empty.');
- }
});
+ // Passage Reserve => Liste
+ $('#reserveiconlist .item').live('click', function(e){
+ e.preventDefault();
+ $.post("ajax/reserveToList.php", {reserve: $(this).attr('id')});
+ $('#Entertainment').append($(this).parent().html());
+ $.fancybox.close();
+ });
+
+
+ //Passage Liste => Reserve
+
+ // ??
+
// Mouvement des liens avec enregistrement
$(".iconlist").sortable(
{