Advertisement
sedran

PHP, HTML, JavaScript, JQuery, and CSS

Feb 6th, 2012
116
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
PHP 4.68 KB | None | 0 0
  1. <?php
  2. $lorem = "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque elit lectus, rhoncus a vestibulum et, fermentum ut justo. Nulla ut enim a tellus sagittis adipiscing eget vitae erat. Nulla id neque neque, at condimentum magna. Praesent augue augue, faucibus scelerisque gravida a, dignissim sed lorem. Vivamus convallis velit ut neque adipiscing consequat sit amet in nibh. Integer imperdiet ante quis dui feugiat mattis. Fusce scelerisque quam at nisl eleifend sit amet porttitor mauris ultrices. Integer consequat turpis non nisl tempus vel lacinia lacus egestas. Nulla facilisi. In hac habitasse platea dictumst. Duis volutpat aliquet rutrum. Integer suscipit venenatis ligula, auctor ornare neque viverra eu. Aenean eu lectus nec nunc tempor blandit vel lobortis diam. Donec turpis turpis, commodo id faucibus id, consectetur eget ipsum. Etiam aliquam egestas nisi, vitae rutrum purus malesuada vitae. Pellentesque sed libero bibendum urna porta sollicitudin. Fusce sit amet posuere odio. Aliquam erat volutpat. Nulla eu convallis ante. Curabitur tincidunt mi nec lacus laoreet faucibus. Fusce pretium ligula et orci consectetur sed lacinia lacus congue. In mollis lectus ac tortor venenatis euismod. Sed vestibulum massa ut sapien molestie egestas. Donec arcu neque, luctus a auctor eu, fermentum vel augue. Praesent bibendum, neque a accumsan sollicitudin, ipsum nisi fringilla sapien, in facilisis quam lorem luctus nulla. Pellentesque sit amet orci vulputate mauris vehicula accumsan porttitor vitae dui. Nullam in augue eros. Sed magna metus, blandit et dictum ac, posuere ac tortor. Vivamus libero tellus, tempus at vulputate eget, auctor quis leo. Maecenas a nulla eget neque sagittis rhoncus. Vivamus adipiscing sagittis odio, et malesuada lectus pellentesque eget. Aliquam magna tellus, ultrices eget tincidunt sed, sodales in dui. Sed scelerisque consectetur fermentum. Suspendisse potenti. Praesent augue sem, bibendum sed pellentesque eget, eleifend nec sem. Nullam placerat nulla in nunc malesuada varius. Sed pharetra, mi id hendrerit tincidunt, tellus leo cursus enim, sed pharetra magna sapien eu tellus. Nam vulputate metus id metus aliquam sit amet varius eros eleifend. Ut nec augue eros. Mauris feugiat consequat justo, id convallis arcu iaculis ut. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Phasellus id ante id nunc blandit congue quis nec tellus. Vivamus imperdiet nulla in metus feugiat eu hendrerit magna scelerisque. Morbi mollis, dui a convallis cursus, urna diam vehicula enim, at molestie velit libero nec odio. Suspendisse in metus quis dolor tempus viverra. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nunc et est metus, sollicitudin vehicula enim. Praesent id mauris enim. Aliquam vulputate consequat volutpat. Cras gravida lacus non magna facilisis vestibulum. In hac habitasse platea dictumst. Vivamus id dui ultricies libero euismod consectetur. Morbi eget sodales libero. Fusce laoreet laoreet semper. Nunc vel vehicula leo. Suspendisse potenti. In consectetur quam et purus facilisis aliquet. Curabitur posuere, diam vitae vulputate tincidunt, orci eros porttitor dolor, a consectetur nisl nisl ac orci. Pellentesque a euismod turpis. Quisque diam arcu, dignissim vitae faucibus eget, consequat dignissim diam. Ut ac vestibulum nulla. Aliquam at mi nisl, et elementum enim.";
  3. ?>
  4. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  5. <html xmlns="http://www.w3.org/1999/xhtml">
  6. <head>
  7. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  8. <title>Serdar :P</title>
  9. <style type="text/css">
  10. div.kutu {
  11.     border: 1px dotted #900;
  12.     padding:5px;
  13.     margin:5px;
  14.     display:block;
  15.     float:left;
  16.     width: 200px;
  17.     height:200px;
  18. }
  19. a.close {
  20.     float:right;
  21.     display:block;
  22.     background:#ccc;
  23.     padding:3px;
  24.     clear:both;
  25.     margin: 0 0 0 3px;
  26.     cursor:pointer;
  27. }
  28. </style>
  29.  
  30. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
  31. <script type="text/javascript">
  32. <!--[CDATA[
  33. $(document).ready(function() {
  34.     $("a.close").click(function() {
  35.         var divID = "div" + $(this).attr("id");
  36.         $("div#"+divID).remove();
  37.     });
  38. });
  39. //]]>
  40. </script>
  41. </head>
  42.  
  43. <body>
  44. <?php
  45. $lorem = explode(".", $lorem);
  46. $num = count($lorem);
  47. $colors = array("#f0f", "#0f0", "#c00", "#099", "#eee");
  48. $numColors = count($colors);
  49. ?>
  50. <?php for($i=0; $i<$num; $i++): ?>
  51.     <div class="kutu" id="divcloseLink_<?php echo $i; ?>" style="background:<?php echo $colors[$i%$numColors]; ?>;">
  52.     <a class="close" id="closeLink_<?php echo $i; ?>">X</a>
  53.     <?php echo $lorem[$i]; ?>
  54.     </div>
  55. <?php endfor; ?>
  56. </body>
  57. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement