Don't like ads? PRO users don't see any ads ;-)
Public Pastes
Guest

Untitled

By: a guest on May 11th, 2012  |  syntax: None  |  size: 2.21 KB  |  hits: 15  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  1. fadein div on android mobile
  2. function ouvrirDiv(divnum){
  3. $('#wrapper'+divnum).fadeIn("slow");}
  4. function fermerDiv(divnum){
  5.     $('#wrapper'+divnum).fadeOut("slow");}
  6.        
  7. <div id="pano">
  8. <noscript><table style="width:100%;height:100%;"><tr style="valign:middle;"><td><div style="text-align:center;">ERROR:<br/><br/>Javascript not activated<br/><br/></div></td></tr></table></noscript>
  9.  
  10.  
  11. <script type="text/javascript">
  12. // <![CDATA[
  13.  
  14.     var swf = createswf("nantes.swf", "krpanoSWFObject", "100%", "100%");
  15.     swf.addVariable("xml", "nantes.xml");
  16.     swf.addParam("wmode","opaque");
  17.     swf.embed("pano");
  18.  
  19. // ]]>
  20.  
  21.     </script>
  22. </div>
  23.  
  24.  
  25.  
  26. <div id="wrapper1"><div id="scroller">
  27. <div class="closetop"><a href="javascript:" onClick="fermerDiv(1)">Fermer</a></div>
  28. <div class="closebottom"><a href="javascript:" onClick="fermerDiv(1)">Fermer</a></div>
  29. <div id="tabContainer1">
  30.     <div class="tabs">
  31.       <ul>
  32.         <li id="tabHeader_1">Texte</li>
  33.         <li id="tabHeader_2">Photos</li>
  34.         <li id="tabHeader_3">Vidéos</li>
  35.       </ul>
  36.     </div>
  37. <div class="tabscontent">
  38.  
  39. <div class="tabpage" id="tabpage_1">  
  40. Texte...
  41. </div>
  42.  
  43. <div class="tabpage" id="tabpage_2">
  44. Photos...
  45. </div>
  46.  
  47. <div class="tabpage" id="tabpage_3">
  48. Videos...
  49. </div>
  50.  
  51. </div>
  52.  
  53. </div>
  54. </div>
  55. </div>
  56.        
  57. * {
  58. margin:0;
  59. padding:0;
  60. }
  61.  
  62. @media only screen and (min-device-width: 800px) { html { overflow:hidden; } }
  63.         html { height:100%; }
  64.         body { height:100%; overflow: hidden; margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#FFFFFF; background-color:#000000;   -webkit-user-select:none; -webkit-text-size-adjust:none; }
  65.  
  66. #pano {
  67. width:100%; height:100%; position:absolute; top:0px; left:0px;
  68. }
  69.  
  70. #wrapper1 , #wrapper2 , #wrapper3 , #wrapper4 , #wrapper5 {
  71.     position:absolute;
  72.     top:0px; bottom:-60px; left:0px;
  73.     width:100%;
  74.     background-color: rgb(0,0,0);
  75.     background-color: rgba(0,0,0,0.8);
  76.     overflow:auto;
  77.     display:none;
  78. }
  79.  
  80. #scroller {
  81.     position:relative !important;
  82.     margin:0 auto;
  83.     -webkit-tap-highlight-color:rgba(0,0,0,0);
  84.     width:100%;
  85.     max-width: 600px;
  86.     background:transparent;
  87.     color: #fff;
  88.     margin-bottom: 60px;
  89.     text-align: justify;
  90. }
  91.        
  92. .hide()
  93.        
  94. $('divelement').fadein
create a new version of this paste RAW Paste Data