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 @@ +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 @@ +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( {