Jump to content

gongpex

Members
  • Content count

    339
  • Joined

  • Last visited

Community Reputation

36 Excellent

About gongpex

  • Rank
    Member

Previous Fields

  • Languages
    Currently I try to brush up my english so that I can communicate as well with all people i
  1. gongpex

    iframe custom scrollbar

    Hello, thanks for reply, I just tried but the result still same : <style> .scroll-pane { width: 100%; height: 200px; overflow-x: hidden; overflow-y: auto; } </style> <body> <!-- iframe --> <iframe class="scroll-pane" src="iframe_content1.html" frameborder="0"> <p>Your browser does not support iframes.</p> </iframe> <script> $(document).ready(function(){ $('.scroll-pane').jScrollPane({ contentWidth : 0 }); }); </script> </body> please help Thanks
  2. gongpex

    iframe custom scrollbar

    Hello, Thanks for reply, Today I used jscrollpane to made custom scrollbar on iframe, it's worked but unable to remove horizontal bar (always displayed both), this is my code : <style> .scroll-pane { width: 100%; height: 200px; overflow: auto; } </style> <body> <!-- iframe --> <iframe class="scroll-pane" src="iframe_content1.html" frameborder="0"> <p>Your browser does not support iframes.</p> </iframe> <script> $(document).ready(function(){ $('.scroll-pane').jScrollPane({ contentWidth: '0px' }); }); </script> </body> contentWidth was according on : https://stackoverflow.com/questions/4404944/how-do-i-disable-horizontal-scrollbar-in-jscrollpane-jquery I've tried horizontalDragMaxWidth: 0 also, but the result was same. please help me Thanks
  3. gongpex

    iframe custom scrollbar

    Hello everyone, I've search on google about iframe custom scrollbar tutorial but I didn't find it. Thing that I found only 'custom scrollbar tutorial' NOT iframe custom scrollbar. please see this link : https://stackoverflow.com/questions/22618452/custom-scrollbar-using-jquery-for-iframe-with-customer-url Q : Maybe y'all know where is the tutorial about custom iframe scrollbar? please tell me Thanks
  4. gongpex

    create own place holder

    Hello everyone, On modern browser commonly we put : <input type="text" placeholder="Your Value" /> To display placeholder's value. But how about in old browser such IE7? I've tried to made own code used jquery and these my code : HTML : <input type="text" class="form-control placeholder" watermark="Your Name" id="name" /> JQUERY function placeholder(){ var holder = $(".placeholder"); var content_holder = holder.attr("watermark"); holder.val(content_holder); holder.focus(function(){ $(this).selectRange(0,0); }); holder.keyup(function(){ if(holder.val().length == 0){ holder.val(content_holder); $(this).selectRange(0,0); } }); holder.keypress(function(){ if(holder.val() == content_holder) { holder.val(""); } }); } $.fn.selectRange = function(start, end) { if(!end) end = start; return this.each(function() { if (this.setSelectionRange) { this.focus(); this.setSelectionRange(start, end); } else if (this.createTextRange) { var range = this.createTextRange(); range.collapse(true); range.moveEnd('character', end); range.moveStart('character', start); range.select(); } }); }; my codes as far runs well but still have flaw (not like as properly placeholder). if you clicked on input, the cursor position still able go to last character from ("your name"), not at position 0,0 (first character). Q : how to make so that the cursor position at range 0,0 (first character) / same as properly placeholder? please help me Thanks
  5. gongpex

    unknown jquery code model

    Hello thanks for reply, How about $.Animation ? I didn't find it on google, could u give me documentation link please? Thanks
  6. gongpex

    unknown jquery code model

    Alright I will give you the full of code, tell me where is the method of JQuery according code on below : (function( $ ) { $.fn.animateBgPosition = function( x, y, speed ) { var pos = this.css( "background-position" ).split( " " ); this.x = parseInt( pos[0], 10 ) || 0; this.y = parseInt( pos[1], 10 ) || 0; $.Animation( this, { x: x, y: y }, { duration: speed }).progress( function( e ) { this.css( "background-position", e.tweens[0].now + "px " + e.tweens[1].now + "px" ); }); return this; }; })( jQuery ); please explain to me about : tweens and now Thanks
  7. gongpex

    unknown jquery code model

    Hello everyone, I found a piece of cake jquery code such this : $.Animation( this, { x: x, y: y }, { duration: speed }).progress( function( e ) { this.css( "background-position", e.tweens[0].now + "px " + e.tweens[1].now + "px" ); }); When I looked for $.Animation and progress reference on google I didn't find it. Q : Could y'all help me to find this reference? Many Thanks
  8. gongpex

    About font awesome

    Hello everyone, What happened with font-awesome actually? every times when I opened this site it always "server not found". I'm unable to access this site since last week. Q : maybe there is someone who knows what happened with fa (font-awesome)? please tell me. Thanks
  9. gongpex

    PHP ajax able to response on PC but not in mobile

    Yes, I didn't see alert on android device entirely .This why I asked you to test my code via smartphone (android device). I had debug (inspect element) it via network xhr in PC, everything were fine, Q : do you know how to debug on android device? please help Thanks
  10. gongpex

    PHP ajax able to response on PC but not in mobile

    @justsomeguy Hello thanks for reply, Well, in PC it would be display alert, but in mobile alert won't displayed. if you leave both of forms blank or either, it will shown alert with message "error", but if you fill both (whatever) it will shown "correct". My actual problem / block is only why it didn't work on android mobile browser. please help Thanks
  11. gongpex

    PHP ajax able to response on PC but not in mobile

    @justsomeguy Thanks for reply before, here the rest of code : <!DOCTYPE HTML> <head> <title>Form Test</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> <?php include('inc/link.php');?> <script src="<?php echo base_url('assets/admin/js/jquery-1.10.2.js');?>"></script> <style> body{ font-family:arial; font-size:13px; } .admin_panel { background-color:#B70531; width:auto; color:#FFF; text-align:center; padding:10px 0px; } .f_wrapper {min-width:270px; width:25%; margin:10% auto; padding:5px 5px 0px 5px;border:1px solid #C9C9C9;background:white} .f_col {padding:3px;float:left;width:40%} .f_col_w {width:auto; margin:0px; padding:0px 2px 0px 50%;clear:left;} .number, .number p {color:#E4292F;} .inbox{ width : 135%; height: 30px; } @media (max-width: 1242px){ body{ font-size:11px; } } </style> </head> <body> <form id="fm" role="form"> <div class="f_wrapper"> <div align="center" class="number warn"><!-- WARN --></div> <div align="center" class="number notify"><!-- WARN --></div> <div class="admin_panel">Backoffice Template Media</div> <div>&nbsp;</div> <div class="f_col">Admin Username</div><div class="f_col"><input name="l_username" type="text" class="inbox form-control"></div> <div class="f_col_w"><span class="number user"></span></div> <div class="f_col">Password</div><div class="f_col"><input name="l_password" type="password" class="inbox form-control"></div> <div class="f_col_w"><span class="number pass"></span></div> <div class="f_col">&nbsp;</div><div class="f_col"><button class="btn btn-default loading" id="signin">SignIn</button></div> <div class="f_col_w" style="height:10px;">&nbsp;</div> </div> </form> </body> <script> $(document).ready(function() { test_login(); }); function test_login(){ $("#fm").on('submit',function(e){ var formData = $(this).serialize(); $(".loading").html('<div class="loader"></div>'); $.ajax({ type : "POST", url : "<?php echo base_url('index.php/test/signin');?>", data : formData, dataType : "json" }).done(function(response){ $(".loading").html(''); if((response.success) == false){ alert('error'); } else { alert('correct'); } $(".loading").html('SignIn'); } ) e.preventDefault(); }); }; </script> <!-- BOOTSTRAP SCRIPTS --> <script src="<?php echo base_url('assets/admin/js/bootstrap.min.js');?>"></script> <!-- METISMENU SCRIPTS --> <script src="<?php echo base_url('assets/admin/js/jquery.metisMenu.js');?>"></script> <!-- CUSTOM SCRIPTS --> <script src="<?php echo base_url('assets/admin/js/custom.js');?>"></script> <script src="<?php echo base_url('assets/admin/js/mix.js');?>"></script> <!-- DATA TABLES --> <script src="<?php echo base_url('assets/admin/js/dataTables/jquery.dataTables.js');?>"></script> <script src="<?php echo base_url('assets/admin/js/dataTables/dataTables.bootstrap.js');?>"></script> <!-- LIGHTBOX --> <script src="<?php echo base_url('assets/js/lightbox/jquery.popupoverlay.js');?>"></script> </html> Please help me Thanks
  12. Hello everyone, I did upload my piece of cake code here : ajaxsite When I opened and run, this code worked well on PC. But when I opened it on my smartphone it didn't give responds entirely. Here my code : Controller Test.php public function index() { $this->load->view('form-test'); } public function signin() { header('Content-Type: application/json'); $l_username = $this->input->post('l_username'); $l_password = $this->input->post('l_password'); if(empty($l_username) || empty($l_password)){ $data['success'] = false; } else { $data['success'] = true; } echo json_encode($data); exit; } and this form-test.php : <body> <form id="fm" role="form"> <div class="f_wrapper"> <div align="center" class="number warn"><!-- WARN --></div> <div align="center" class="number notify"><!-- WARN --></div> <div class="admin_panel">Backoffice Template Media</div> <div>&nbsp;</div> <div class="f_col">Admin Username</div><div class="f_col"><input name="l_username" type="text" class="inbox form-control"></div> <div class="f_col_w"><span class="number user"></span></div> <div class="f_col">Password</div><div class="f_col"><input name="l_password" type="password" class="inbox form-control"></div> <div class="f_col_w"><span class="number pass"></span></div> <div class="f_col">&nbsp;</div><div class="f_col"><button class="btn btn-default loading" id="signin">SignIn</button></div> <div class="f_col_w" style="height:10px;">&nbsp;</div> </div> </form> </body> <script> $(document).ready(function() { test_login(); }); function test_login(){ $("#fm").on('submit',function(e){ var formData = $(this).serialize(); $(".loading").html('<div class="loader"></div>'); $.ajax({ type : "POST", url : "<?php echo base_url('index.php/test/signin');?>", data : formData, dataType : "json" }).done(function(response){ $(".loading").html(''); if((response.success) == false){ alert('error'); } else { alert('correct'); } $(".loading").html('SignIn'); } ) e.preventDefault(); }); }; </script> if you want to try these code please use smartphone. I did test this code on LG K8 with chrome browser. Q : Is there any errors of my code? Note I create my application on Codeigniter 3 framework, please help me Thanks
  13. gongpex

    Unable to install laravel on shared hosting

    Hello, thanks for reply, if so, can you recommend me another php framework that powerful maybe. I really appreciate it Thanks.
  14. gongpex

    Unable to install laravel on shared hosting

    Hello, thanks for your reply, according on your links I had tried to change app key on my local computer using : php artisan generate:key on command prompt, and I had reupload used it but it's unsuccessful... btw, because I used free hosting, then they didn't gave me access using SSH (secure shell) so I can't run composer. please help me here, I attach my .env file Thanks .env
  15. Hello everyone, I had tried number of times to install laravel on my shared hosting , my hosting is byethost, but it's unsuccessful the result always error http 500 . please open my site : http://testtemplatemedia.byethost12.com/public What I tried are : check php extension on my server hosting, all had set correctly change folder permission from 755 to 777 on folder 'storage' recursively check php version, currently I used laravel 5.25 and my php version on hosting is php 5.6.0 If you need my error log please check my attachment Please help me Thanks laravel.log
×