API tools faq
paste
Advertisement
terorama

z_layout_css

terorama
Nov 5th, 2012
120
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
jQuery 18.77 KB | None | 0 0
raw download clone embed print report
  1. <?php
  2.  
  3.    if (isset($_GET['delete'])) {
  4.       unlink ('styles/'.$_GET['stfile']);
  5.      
  6.       header('Location: '.$_SERVER["PHP_SELF"]);
  7.    }
  8.  
  9.    if (isset($_POST['addnew'])) {
  10.    
  11.       $f= fopen('styles/'.$_POST['stfile'].'.css','w');
  12.       fclose($f);
  13.      
  14.       header('Location: '.$_SERVER["PHP_SELF"].'?edit&stfile='.$_POST['stfile'].'.css');
  15.    }
  16.    //-----------------------------------------
  17.    if (isset($_POST['update'])) {
  18.    
  19.       $zfile = 'styles/'.$_POST['stfile'];
  20.       file_put_contents($zfile, $_POST['contentz']);
  21.      
  22.       echo 'information saved';
  23.       exit;
  24.    }
  25.  
  26. ?>
  27.  
  28.  
  29. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  30. <html xmlns="http://www.w3.org/1999/xhtml">
  31. <head>
  32. <title>Упражнение по разметке 1</title>
  33. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  34. <meta name="Description" content="Trainings" />
  35. <meta name="keywords" content="HTML,CSS,JavaScript" />
  36.  
  37. <script type="text/javascript" src="jquery.min.js"></script>
  38. <script type="text/javascript" src="loader.js"></script>
  39.  
  40. <script type="text/javascript">
  41.  
  42.    function init() {
  43.    
  44.       //----------------------------------------
  45.       $('#updown').click(function() {
  46.          if ($(this).hasClass('opened')) {
  47.             $(this).removeClass('opened');
  48.             $(this).parent().animate({height:40},'slow');
  49.            
  50.          } else {
  51.             $(this).addClass('opened');
  52.             $(this).parent().animate({height:300},'slow');
  53.          }
  54.          
  55.       });
  56.       //----------------------------------------
  57.       $('#stylelist li a:first-child').hover(
  58.          function() {
  59.             $(this).nextAll().fadeIn('slow');
  60.          },
  61.          
  62.          function() {
  63.             var el=$(this);
  64.             setTimeout(
  65.             function() {
  66.                el.nextAll().fadeOut('slow');
  67.                }, 2000);
  68.          }
  69.       )
  70.      
  71.       //----------------------------------------
  72.       $('#addnewbutt').click(
  73.          function() {
  74.             $('#newcssform').fadeToggle();
  75.          }
  76.       )
  77.    }
  78.  
  79.    //---------------------------------------
  80.    $(document).ready(
  81.       function() {
  82.          init();
  83.       }
  84.    )
  85.    
  86.     //---------------------------------------
  87.     function switchz(el) {
  88.    
  89.        var ter = $(el).parent().find('textarea');
  90.        var curh = ter.height();
  91.        
  92.        if (curh>400) {
  93.        
  94.           ter.data('prevh',curh);
  95.           ter.animate({height:10},'slow');
  96.        } else {
  97.           ter.animate({height: ter.data('prevh')},'slow');
  98.        }
  99.        
  100.     }
  101.     //---------------------------------------
  102.     function postcss() {
  103.    
  104.        var frm = $('form[name=edcssform] textarea').get(0);
  105.        //---------------------
  106.        $.ajaxSetup ( {
  107.              type: 'POST',
  108.              url: "<?php echo $_SERVER["PHP_SELF"]; ?>",
  109.              
  110.           }
  111.        )
  112.        //---------------------
  113.        $.ajax ( {
  114.           data: {
  115.              update:'',
  116.              stfile: "<?php echo $_GET['stfile']; ?>",
  117.              contentz: frm.value
  118.            
  119.           },
  120.            success: onSuccess,
  121.            error: onError
  122.        
  123.        }
  124.        )
  125.     }
  126.     //---------------------------------------
  127.     function onSuccess(inf, status, xhr) {
  128.    
  129.        /*var el = $('#allcontent');
  130.        var ht = el.html();
  131.        el.empty();*/
  132.        
  133.        
  134.        var csprev = document.getElementsByTagName('link')[0];
  135.        inf = csprev.href
  136.        csprev.href="";
  137.        
  138.        var csnew = document.createElement('link');
  139.        csnew.rel="stylesheet";
  140.        csnew.type="text/css";
  141.        csnew.href=inf+'?'+Math.floor(Math.random()*2000);
  142.        
  143.        csprev.parentNode.insertBefore(csnew, csprev);
  144.        
  145.        //el.html(ht);
  146.     }
  147.     //---------------------------------------
  148.     function onError(xhr, status, exception) {
  149.        alert(exception);
  150.     }
  151.     //---------------------------------------
  152. </script>
  153.  
  154. <style type="text/css">
  155.    #stylelist {
  156.       position:fixed;
  157.       height:40px;
  158.       width:250px;
  159.       padding:4px 0 0 30px;
  160.       right:0;
  161.       top:0;
  162.       background:black;
  163.       overflow:hidden;
  164.      
  165.       font-weight:bold;
  166.       opacity:.6;
  167.       filter:alpha(opacity=60);
  168.       z-index:9000;
  169.    }
  170.    
  171.    #stylelist ul {
  172.       list-style-type:none;
  173.       clear:left;
  174.    }
  175.    
  176.    #stylelist li {
  177.       clear:both;
  178.      
  179.    }
  180.    
  181.    #stylelist a {
  182.       display:block;
  183.       float:left;
  184.       font-family:verdana, sans-serif;
  185.       font-size:1em;
  186.       color:#9f9;
  187.       text-decoration:none;
  188.    }
  189.    
  190.    #stylelist a:hover {
  191.       text-decoration:underline;
  192.    }
  193.    
  194.    #updown {
  195.       width:32px;
  196.       height:32px; 
  197.       float:left;
  198.       margin-bottom:10px;    
  199.       margin-right:10px;
  200.       background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAADdklEQVRYhbWXz2sTWRzAP+9hk2a3IUgRFLSnsp1GLyp68aAXb4Ig5ubBP2APCyv6Nyy7hz1714sLCgsLohcFi9UUJSHVsrv1Vxd308aajElmmjRvDzPz+mYyaSZtHRh4M3nzPp/v932/k0Qw5Lh38KAKxnogxLDH9NxLHz/mgDbQiZu3b+hKwMWrPySZFjpaacH9m78CHAE+DBRQynMVA6IKInmz9tabp3QewmMA41rmvwsylQP+HSSaKAMALbcJSsVCo3ABTCRcd7hAkBkDHgc28yeUCgntTsBcNAauwZF7AqNo90IgkIiLOog49NnXyEAf3N+WQVuRpF2TCwTA4LrX02Im2BRLcgwV2HoLqb7FTfigjti1QHCEUh5XA/51r9Hw7rdae1SEkTYMYMpx2Gw06Nk2ynVRto0QQp/pqalEgY1UhMpx6NZqdKtVVKuFkFIDpTH2vIcX4EgCztIS3WrVgwmh4dKIOnRKubddkAQupfQKUghkwnW1wN1DhxT4VR9jHo1QRsHRz6REAXcOH34SBy6srOSAthZQUD955nxuajofaxqb5gjclMplJrl85fu+dd4tv+bp3MMv+F/TWmC507nQe/Lgj3rrczY7MYGztBSGbSMR3Zp9qTT14hwN47mx6Wn+q9V48WyueatevwGMAUIYvwdSN/bvP3cqk/ntyOxs9lvAWVzUUQYAaURt3ouri2A8Zlmsui7lYrF5q16//rttLwArwKpZK52f1tcfzztO4cOrV3ZLCL45dmyrtbaJPgqUUnqSUpLy4aUw/B+gBnRMAQW4P3/69GjecQrvFxftJngSQfrZ6u8+aExNpCyL6sYGpWKxeTsMXwNcQEW7JSTxtlKxvyhFxpRIeKYsi6rrUnr+fCAciG1XLfHMcQpvKhXbVorM0aN90Q/amqTwQQJhiXa7sFwu241ej/F8fmsrItui4TMzieHbCfRJ/F0u2583NxnP570XVTQbMFLkSQRCEvPtduGvUsle9yXMyAHdatsVXBwgyStbAe4vfib+fPnSXu92Sc/O6gkpy2J1Y4PyiHAAMeyPiTkXSF+bnDx7OpO5M3P8ePZAKoUQgrVOh8rCQrTPh8JHFeiTsE6cyArw4I3GyPCdCGiJH30JpZTcKXynAloCmAQO+PdW8V6vieG7EQgkxoBx/9rB+wec/Ccx8D/PlCjHm45XKgAAAABJRU5ErkJggg==");
  201.    }
  202.    
  203.    #updown.opened {
  204.       background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAER0lEQVRYha2X22tcRRzHP7+ZszEim90imuimqWkr1SQtrf4BWtAH8UERAyII+lCKvojipWkFQfQ10AeV+uCjSFMR89IqNklp8lQQHwql2mBzaYwNRXYTu25OzhkfZs5lL8nuys5hds+Fne9nvvOdmbNijAFARGirfMERNFMYhGWe51OuAD5g2mlGtaeaiHd5XdMfH/wk/8bgsRwFzvMmTwP3AG31pH0AJ/7h8Mlcr1fgQV1gdODVLIc4x3GeaheiPQAn/sHwWK4308/00iy/Fefp7x7kpT2vZDnMRLsQ0nIGnPj7wydyfZl+Zpbm8PEJlcGIYW9+D8vlP/j+5tl1fmWUM1wCKjTJRGsAKfHeTIHppVl82SKUkFAM0bEv9wgr5QV+WJhoGaI5gBN/b/hErq+rwNTSLJv4BBJgCAmdePTr/flBVsqLTC6cawliZ4A68ctUnHhorDgOIW5QhP35vayWF5m8+Z2F+Gp7iO0BIttHrO1Ty5epsMkWibgxIcZhgEEEEEGheHTXXlbvLjF5w0F83Rii8SyIxcec+CwV8Qli8ZDQBNgjJEx9GkJCCfm9OM9D9w3wwr6Xs4wwweuNZ0c9QDTVRk7m+rr6mbk1hy++EzROPIy/TXTuIMLYFcON0jyFngFePDCaZYgJXquHqB6CaJEZOZXr6yowvTxLhQpbBGyZgMAEbIabbPj/sO6vExJSCSooJShRBCYgJKDb6yajMygRtCgO3T/CWmmFn69dWOcqo3yTDEcC8KUcQTE9NvJRbnf3IDPLc1TEiv9dKbJy90+KmyXKW2WUUmhRaKVQSqPdtVLuXvRMLJiIMLTrMUqlO1y8+uM61xjlWwvhxdZrpt4+8G7ucP5JFjducbB3iL/+vc1qeQ1Pe1y5/YsTjMSdcFx1DKBF8Uz/UUQEhSDiavZhtKjsT8H5CeBxYC0BgPzp6+Ocvj5eF4vPnhjnwuJF27M6cXvuaV337PNL47iZmlQDGLLAA8BGAnCcHLAb6KlK6hnmBLF2qsTmSNzTDkDplLjGU9oKnuI5oIzdqqNi3LVJO1AGloBMrQMipHofQVSL23OdAtEQVLVbrGnWB8pezQ2fBkXi3kscsKhG4vbbi4fDU8o6YNssAncate01ullVDAiCdhBaJU7oVG897aVANFrrCGDH0vx9ILCBSA9BbfhiYSee0Z7NQNAJgBC7vjv7laSDmAqgTolHAB1zQASRVAZEpbKQhC9xwA1BpxwQsdMwhqjLgkqFz4vD2OEMSLy0Vg2FJLPBhjE6Vx3MAIkLcVVStf5XDYdbEzqcgeqqRCE7BFNLpx2IjjgP0nBYov1AdSwDIbFwXaUGREXT1dZWHGi6Embc1vBs4aid67WLj/bIKI3nefEClPE8+4LTggNNAXzf552zb1Vvp7Xb63bXLfxNbeWPSQ92m841b65hKWJ3w9L/BcgA99Jgm26x+NS/D8TlPwISyVngZm30AAAAAElFTkSuQmCC");
  205.    }
  206.    
  207.    #addnewbutt {
  208.       width:32px;
  209.       height:32px;
  210.       float:left;
  211.       background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA/xJREFUeNq0VV1oHFUU/u6d3dmd3W032aQoFBTfRPHFUGzE2iKl7YMEBJ/EFlHx1ScLUmnpmyBCfRV8sSqCggi+1IRqoDQiFIRCiFAQqtJIk1032d+Zuff6nbub2WzSRn3oZb+Z2XvPOd85371nRjnn8NqygtKACgBN2ASImxgMjVApHOXTY8QTRETcIFadxbXPDrk69hhKCM4IgQTPAWmHwVsQwioDn+PyW3Co8g6tNQIiSVNwTWxixviCRBe+POxu35fg1RXlgxuax3/LLE7x+jkda5PVGrSwk0BIJLB31L461BtrXHJCdParWffRPQle+VV74+6qD/42PT4s5KOgXKrApsiCZ05bJENJE2a2sek1/eSbI/bN7QSSBwwdOlQyNZhLElyKitWgEFYQ9zmXOkri/H0LyRZi522AEBMTB8T/jRd/0Od3VfDSskZnFQeZ6UpUKFVKxTIoDzFMm7d3Hr+MmcmT/u+NxhV8sHJaqh1Uo5WvxLDcRrMh9keuHLfXsgq6LYUkUReTVFXCQoUl879h9lYN4FQWXIY8y5ysJbJO2zhVsMhzbwrif2lMoriHGgOe3l+d9oETQylYAVXIsHNka7RLxNaIbECpXJUYM0cXglmxy8ml38cpaxAaZiWSiSRw2HOMkTp/OERw/hSlImI3x5klT8DyZpULEBsxVt7h4pOf4vDUifsSfPfcX9nzT+vf48LymeGuAkFYQrfXGVXAEg+GbATR0mdCgr2C7xxi63OTSqzEyEvMRzKCNFChStiWLE1OhS4q/N9howBpy3oSv/G+O4ebnIao97gziSzKFlQ0lroL/zn4UmceKVONhxveNxZpAc2sApPTN1OToiwdJz++7M7+/rqvxJExbVpcf/qPsaDP//YodMhkaGvaDBjLcR1U3u7FcDW9nBGwIRfdPuWzF/2TNQu1bkfdmNstWeeuQboxsnHbTl43H7P31NWRRA4/myJuNpN2dra394AJdsviG3G47vtg6NPju96UVYvPX2cEiZPs1budYp/BtO9S383Wz9MhwGJ7tCc/thaQ5AZrybZuT3lC6sGm3N//81i/nr2LJq8Wt3y/5Xmbmwqm4fpudK5rGrqsB3vCTG3Hwm46YlzGhqrDaivaP9N4odfKCPYvZAQV4jrx1HR0AFY0/peOlgR0SaOersM6e5czz24c790aexcNJRK0iGPE4p3OGuIpfkomcjAF7cv3MggY1YQadl8A91AOd+I19K27Rb+x4FkF4Xy0M1MeQH54gHNENYoiRKUS8rnc4D1kDHq9Htotr4J8zT4m3otPdJv3/KIFWwS75agRLxPy4pohHh7OS6BfiHnisjnZvb3nR/9BDo0HPP4RYADRWDKHMhKeswAAAABJRU5ErkJggg==");
  212.       background-position: left center;
  213.       background-repeat: no-repeat;
  214.    }
  215.    
  216.     #stylelist .editbutt {
  217.       display:none;
  218.       float:right;
  219.       margin-right:10px;
  220.      
  221.       width:32px;
  222.       height:32px;
  223.       background: url("data:image/png;base64,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");
  224.    }
  225.    
  226.    #stylelist .deletebutt {
  227.       display:none;
  228.       float:right;
  229.      
  230.       margin-right:5px;
  231.       width: 32px;
  232.       height: 32px;
  233.       background: url("data:image/png;base64,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");
  234.      
  235.      
  236.    }
  237.    
  238.    #editdiv {
  239.       position:fixed;
  240.       padding:10px 10px 10px 20px;
  241.       right:20px;
  242.       border:solid 1px #666;
  243.       top:50px;
  244.       width:400px;
  245.       z-index:8000;
  246.       background:#eee;
  247.       }
  248.      
  249.     form[name=edcssform] input[type=button] {
  250.    
  251.        float:left;
  252.        background:none;
  253.        border:none;
  254.        margin:20px 10px 5px;
  255.        padding:0;
  256.        font-weight:bold;
  257.        font-family:verdana, sans-serif;
  258.        cursor:pointer;
  259.     }
  260.    
  261.     form[name=edcssform] textarea {
  262.        font-family:courier new, monospace;
  263.        font-size:12px;
  264.     }
  265.      
  266.    #newcssform {
  267.       position:fixed;
  268.       display:none;
  269.       top:45px;
  270.       right:140px;
  271.       z-index:10000;
  272.       background:#fffafa;
  273.       border:solid 1px #888;
  274.       padding:20px 40px 10px 20px;
  275.      
  276.       box-shadow: 2px 2px 8px rgba(0,0,0,0.5);
  277.       -moz-box-shadow: 2px 2px 8px rgba(0,0,0,0.5);
  278.       -webkit-box-shadow: 2px 2px 8px rgba(0,0,0,0.5);  
  279.    }
  280.    
  281.    #newcssform input[type=text] {
  282.       margin-left:10px;
  283.       width:300px;
  284.    }
  285.    
  286.    #newcssform input[type=submit] {
  287.       float:right;
  288.       margin-top:5px;
  289.       background: #ffc;
  290.       border:solid 1px #888;
  291.       border-radius:20px;
  292.       -moz-border-radius:20px;
  293.       -webkit-border-radius:20px;
  294.      
  295.       font-family:tahoma, sans-serif;
  296.       padding:5px 20px;
  297.    }
  298.    
  299.  
  300. </style>
  301.  
  302. <link rel="stylesheet" type="text/css" href="styles/<?php
  303.    echo (isset($_GET['stfile'])) ? $_GET['stfile'].'?'.rand(1,4000) : 'basest.css'; ?>" />
  304.  
  305.  
  306. </head>
  307.  
  308. <body>
  309. <?php require 'funcs3.inc.php';?>
  310.  
  311. <div id="newcssform">
  312.    <form action="<?php echo $_SERVER["PHP_SELF"]; ?>" method="post" enctype="application/x-www-form-urlencoded">
  313.       <p>Input new css file name
  314.       <input type="text" name="stfile" value="" />
  315.       </p>
  316.       <p>
  317.          <input type="hidden" name="addnew" />
  318.          <input type="submit" name="submit" value="save" />
  319.       </p>
  320.    </form>
  321. </div>
  322.  
  323. <div id="stylelist">
  324. <div id="updown"></div><div id="addnewbutt"></div>
  325. <ul>
  326. <?php
  327.    $d= opendir('styles');
  328.    
  329.    while ($f=readdir($d)) {
  330.       if (($f!='.') && ($f!='..')) {
  331.          echo '<li><a href="'.$_SERVER["PHP_SELF"].'?stfile='.urlencode($f).'" >'.
  332.                  $f.'</a>'.
  333.                  
  334.                  '<a class="deletebutt" href="'.
  335.                  $_SERVER["PHP_SELF"].'?stfile='.urlencode($f).'&delete" >'.
  336.                  '</a>'.                 
  337.                  '<a class="editbutt" href="'.
  338.                  $_SERVER["PHP_SELF"].'?stfile='.urlencode($f).'&edit" >'.
  339.                  '</a>'.
  340.  
  341.                  '</li>';        
  342.       }
  343.    }
  344.    closedir($d);
  345. ?>
  346. </ul></div>
  347.  
  348. <?php
  349.  
  350.    if (isset($_GET['edit'])) {
  351.    
  352.      
  353.       $edfile = file_get_contents(dirname(__FILE__).'/styles/'.$_GET['stfile']);
  354.        //$edfile = dirname(__FILE__).'\styles\\'.$_GET['stfile'];
  355.       echo '<div id="editdiv">';
  356.       echo '<form name="edcssform">';
  357.       echo '<textarea name="edcsstext" rows="45" cols="55">'.$edfile.'</textarea><br/>';
  358.       echo '<input type="button" onclick="postcss();" value="save" />';
  359.       echo '<input type="button" onclick="switchz(this);" value="switch" />';
  360.       echo '</form>';
  361.       echo '</div>';
  362.    }
  363. ?>
  364.  
  365. <div id="allcontent">
  366. <div id="header"><div class="inheader">Main Header</div></div>
  367.  
  368.    <div id="leftpart">
  369.       <?php echo drawrss('afisha',15); ?>
  370.    </div>
  371.    
  372.    <div id="rightpart">
  373.       <?php echo drawrss('lookatme4',9);?>
  374.    </div>
  375.    
  376.    <div id="centerpart">
  377.       <!---------------------------------->
  378.       <div id="centerheader">
  379.         <div id="centheadright">
  380.         </div>     
  381.         <div class="inheader3">
  382.             Central Header
  383.          </div>
  384.       </div>
  385.       <!---------------------------------->
  386.       <div id="leftcenterpart">
  387.          <?php echo drawrss('lookatme',10);?>
  388.          
  389.          
  390.       </div>
  391.       <!---------------------------------->
  392.       <div id="rightcenterpart">
  393.          <div class="wrapper">
  394.             <?php echo drawrss('gazeta',10);?>
  395.          </div>
  396.       </div>
  397.      
  398.       <div style="float:left;width:100%;height:10px;background:#888;"></div>
  399.       <!--<div  style="clear:both;height:5px;background:#888"></div>-->
  400.       <!---------------------------------->
  401.       <div id="centerfooter">
  402.          <?php echo drawrss('newsru',12);?>
  403.       </div>
  404.      
  405.       <div style="clear:both;"></div>
  406.    </div>
  407.  
  408.  
  409. <div id="footer">
  410.    <?php echo drawrss('lookatme3',15); ?>
  411.    <div style="clear:both;"></div>
  412. </div>
  413. </div>
  414.  
  415.  
  416.  
  417.  
  418.  
  419. </body>
  420. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!