Hiển thị các bài đăng có nhãn script. Hiển thị tất cả bài đăng
Hiển thị các bài đăng có nhãn script. Hiển thị tất cả bài đăng

Thứ Tư, 18 tháng 8, 2021

Javascript click chuột phải trên trình duyệt

 


**** JS

$(".bodyout").click(function() {
   $(".xoa-watchlist").hide();
});

$(".myId").mousedown(function(ev){

var id = $(this).attr("data-id");
var code = $(this).attr("data-code");
var userid = $(this).attr("data-userid");

    if(ev.which == 3){
        $(".xoa-watchlist").hide();
        $(".watchlist"+id).slideToggle();
        window.oncontextmenu = function () {
return false;
}
    }
});

****HTML

<body class="bodyout">

<div class="col-md-8 positionR myId" data-id="30" data-code="24H">

<div class="ck-code">

<a target="_blank" href="https://dchart.vndirect.com.vn/?symbol=24H">24H</a>

</div>


<div class="ck-doanhnghiep">

<a target="_blank" href="https://dchart.vndirect.com.vn/?symbol=24H">24H</a>

</div>


<div class="xoa-watchlist watchlist30">

<div class="height30">

<a target="_blank" href="https://dchart.vndirect.com.vn/?symbol=24H">

Xem chi tiết

</a>

</div>

<div class="height30">

<a href="javascript:void(0)" data-id="30" data-userid="3" class="delete-wlist">

Xóa khỏi watchlist

</a>

</div>

</div>

</div>

</div>

Người đăng: vào lúc Không có nhận xét nào:
Nhãn: ,

Thứ Sáu, 27 tháng 12, 2019

HIệu ứng footer

Download: tại đây

Người đăng: vào lúc Không có nhận xét nào:
Nhãn: , ,

Thứ Sáu, 13 tháng 12, 2019

Append Javascript

****HTML
<form id="myForm">
       <a href="index.php?m=1&t=5" id="test">link<a/>
</form>

**** JS

function getUrlVars(_url)
{
    var vars = [], hash;
    var hashes = _url.slice(_url.indexOf('?') + 1).split('&');

    for(var i = 0; i < hashes.length; i++)
    {
        hash = hashes[i].split('=');
        vars.push(hash[0]);
        vars[hash[0]] = hash[1];
    
    }

    return vars;
}

 var arVars = getUrlVars($("#test").attr("href"));
var nm = 0;
for(var i=0;i<arVars.length;i++){
    console.log(arVars[i]);
    $("#myForm").append("<input type='text' value='"+arVars[arVars[i]]+"' name='"+arVars[i]+"'/>");
}
Người đăng: vào lúc Không có nhận xét nào:
Nhãn: , ,

Thứ Tư, 9 tháng 10, 2019

vấn đề so sánh hai số trong javascript

Link: https://www.it-swarm.net/vi/javascript/van-de-so-sanh-hai-so-trong-javascript/942811155/
**** HTML:
<form name="test">
    <input class="form-control" name="giban" value="300000"  id="gia_ban" placeholder="0">
    <input class="form-control" name="khuyenmai" value="150000" onblur="pepe()" id="khuyen_mai" placeholder="0">
</form>

 **** JS:
function pepe() {
        ## chuỗi thành số
var giaban = parseInt(document.test.gia_ban.value, 10);
var km = parseInt(document.test.khuyen_mai.value, 10);

 var phantram = 0.5;
var percent = giaban * phantram;

if (km > giaban) {
alert("Giá khuyến mãi không được lớn hơn giá bán.("+giaban+")");
$("input[name=khuyenmai]").val(0);
} else {
if(km < percent){
alert("Giá khuyến mãi không được nhỏ hơn 50% giá bán.("+percent+")");
$("input[name=khuyenmai]").val(0);
}
}
Người đăng: vào lúc Không có nhận xét nào:
Nhãn: ,

Thứ Hai, 15 tháng 4, 2019

Append Js

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
  $("#btn1").click(function(){
    $("p").append(" <b>Appended text</b>.");
  });
  $("#btn2").click(function(){
    $("ol").append("<li>Appended item</li>");
  });
});
</script>
</head>
<body>

 <p>This is a paragraph.</p>
<p>This is another paragraph.</p>

 <ol>
  <li>List item 1</li>
  <li>List item 2</li>
  <li>List item 3</li>
</ol>

 <button id="btn1">Append text</button>
<button id="btn2">Append list item</button>

 </body>
</html>

Người đăng: vào lúc Không có nhận xét nào:
Nhãn: ,

Thứ Sáu, 5 tháng 4, 2019

checkbox javascript giới hạn

**** Javascript:

 $("input[name=nhomnghe]").click(function() {
    var bol = $("input[name=nhomnghe]:checked").length > 4;
    $("input[name=nhomnghe]").not(":checked").attr("disabled",bol);
});

 $("input[type=checkbox][class=nhomnghe]").click(function() {
   var bol = $("input[type=checkbox][class=nhomnghe]:checked").length >4;
   $("input[type=checkbox][class=nhomnghe]").not(":checked").attr("disabled",bol);
});

 **** HTML:
<select name="nghanhnghe" class="form-control nhom_cha">
<option value="">Chọn nghành nghề</option>
<option value="1" selected="">An ninh, An toàn &amp; Bảo vệ</option>
<option value="2">Công Nghiệp</option>
</select>
r
<input type="checkbox" name="nhomnghe[]" value="10" class="nhomnghe">
<input type="checkbox" name="nhomnghe[]" value="20" class="nhomnghe">
<input type="checkbox" name="nhomnghe[]" value="30" class="nhomnghe">
<input type="checkbox" name="nhomnghe[]" value="40" class="nhomnghe">
<input type="checkbox" name="nhomnghe[]" value="50" class="nhomnghe">
<input type="checkbox" name="nhomnghe[]" value="60" class="nhomnghe">
Người đăng: vào lúc Không có nhận xét nào:
Nhãn: ,

Thứ Tư, 3 tháng 4, 2019

Câu hỏi Cắt ngắn (không làm tròn) số thập phân trong javascript

Câu trả lời của Dogbert là tốt, nhưng nếu mã của bạn có thể phải đối phó với số âm, Math.floor tự nó có thể cho kết quả không mong muốn.
Ví dụ. Math.floor(4.3) = 4, nhưng Math.floor(-4.3) = -5
Người đăng: vào lúc Không có nhận xét nào:
Nhãn: ,

Thứ Ba, 4 tháng 9, 2018

javascript chiều cao



**** SCRIPT
jQuery(document).ready(function(e) {
$(".widget-links ul li").each(function() {
        e(this).height() > 41 ? e(this).addClass("line-2") : e(this).removeClass("line-2")
    });
});
**** HTML

<div class="widget-links">
  <ul class="menu-detail">
    <li class="menu-item menu-item-has-child">
    <a href="#"><span>Izumi</span></a>
<ul class="sub-menu">
        <li class="menu-item>
<a href="#">test vihan</a>
</li>
</ul>
    </li>
    <li class="menu-item">
    <a href="#">FCO 35KV</a>
    </li>
  </ul>
</div>

 **** CSS
.widget-links {
    background-color: #f3f8fe;
    border-bottom: 2px solid #d7d7d7;
    border-radius: 6px;
}
.widget-links ul {
    margin: 6px 0 0;
    list-style: none;
    padding: 0;
}
.widget-links ul li {
    position: relative;
    width: calc(100% - 11px);
}
.widget-links ul li a {
    display: block;
    color: #fff;
    -webkit-transition: all ease 0s;
    -moz-transition: all ease 0s;
    transition: all ease 0s;
}
.widget-links ul li a:before {
    content: '›';
    margin-right: 10px;
    position: absolute;
    top: 7px;
    left: 12px;
    color: #046393;
}
.widget-links ul li a:after {
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 20px 0 20px 11px;
    border-color: transparent #046393;
    width: 0;
    z-index: 1;
    margin-top: -20px;
    right: -11px;
    top: 50%;
    opacity: 0;
    overflow: hidden;
}
.widget-links ul li.active a:after,.widget-links ul li:hover a:after{
    opacity:1;
    overflow:visible
}
.widget-links ul li a span {
    padding: 8px 15px 8px 25px;
    display: block;
    color: #046393;
    font-size: 14px;
    line-height: 25px;
    position: relative;
}
.widget-links ul li.active a,
.widget-links ul li:hover a{
    background-color:#046393;
    color:#fff;
    text-decoration:none;
}
.widget-links ul li.active a span,
.widget-links ul li:hover a span{
    color:#fff
}

.widget-links ul.menu-detail li ul{
    position:absolute;
    top:0;
    left:calc(100% + 11px);
    width:100%;
    box-shadow:0 1px 4px 0 #000100;
    margin:0;
    z-index:9999;
    transition:all ease .238s;
    -webkit-transform:translateX(5px);
    -moz-transform:translateX(5px);
    transform:translateX(5px);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter:alpha(opacity=0);
    opacity:0;
    visibility:hidden
}
.widget-links ul.menu-detail li ul.sub-menu li ul,.widget-links ul.menu-detail li ul.sub-menu li ul.sub-menu li ul,.widget-links ul.menu-detail li ul.sub-menu li ul.sub-menu li ul.sub-menu li ul{
    position:absolute;
    top:0;
    left:100%;
    width:100%;
    box-shadow:0 1px 4px 0 #000100;
    z-index:9999;
    margin:0
}
.widget-links ul.menu-detail li:hover ul{
    filter:alpha(opacity=100);
    opacity:1;
    visibility:visible;
    -webkit-transition:all ease .238s;
    -moz-transition:all ease .238s;
    transition:all ease .238s;
    -webkit-transform:translateX(0);
    -moz-transform:translateX(0);
    transform:translateX(0)
}
.widget-links ul.menu-detail li ul li{
    width:100%;
    background-color:#fff
}
.widget-links ul.menu-detail li ul li a:after{
    display:none
}
.widget-links ul.menu-detail li ul li a{
    background-color:#fff;
    color:#9e0b0f;
    padding:5px 10px 5px 25px
}
.widget-links ul.menu-detail li ul li:hover a{
    background-color:#f7f9fc
}
.widget-links ul.menu-detail li ul.sub-menu li ul{
    -webkit-transition:all ease .238s;
    -moz-transition:all ease .238s;
    transition:all ease .238s;
    -webkit-transform:translateX(5px);
    -moz-transform:translateX(5px);
    transform:translateX(5px);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter:alpha(opacity=0);
    opacity:0;
    visibility:hidden
}
.widget-links ul.menu-detail li ul.sub-menu li:hover ul{
    filter:alpha(opacity=100);
    opacity:1;
    visibility:visible;
    -webkit-transition:all ease .238s;
    -moz-transition:all ease .238s;
    transition:all ease .238s;
    -webkit-transform:translateX(0);
    -moz-transform:translateX(0);
    transform:translateX(0)
}
.widget-links ul.menu-detail li ul.sub-menu li ul.sub-menu li ul{
    -webkit-transition:all ease .238s;
    -moz-transition:all ease .238s;
    transition:all ease .238s;
    -webkit-transform:translateX(5px);
    -moz-transform:translateX(5px);
    transform:translateX(5px);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter:alpha(opacity=0);
    opacity:0;
    visibility:hidden
}
.widget-links ul.menu-detail li ul.sub-menu li ul.sub-menu li:hover ul{
    filter:alpha(opacity=100);
    opacity:1;
    visibility:visible;
    -webkit-transition:all ease .238s;
    -moz-transition:all ease .238s;
    transition:all ease .238s;
    -webkit-transform:translateX(0);
    -moz-transform:translateX(0);
    transform:translateX(0)
}
.widget-links ul.menu-detail li ul.sub-menu li ul.sub-menu li ul.sub-menu li ul{
    -webkit-transition:all ease .238s;
    -moz-transition:all ease .238s;
    transition:all ease .238s;
    -webkit-transform:translateX(5px);
    -moz-transform:translateX(5px);
    transform:translateX(5px);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter:alpha(opacity=0);
    opacity:0;
    visibility:hidden
}
.widget-links ul.menu-detail li ul.sub-menu li ul.sub-menu li ul.sub-menu li:hover ul{
    filter:alpha(opacity=100);
    opacity:1;
    visibility:visible;
    -webkit-transition:all ease .238s;
    -moz-transition:all ease .238s;
    transition:all ease .238s;
    -webkit-transform:translateX(0);
    -moz-transform:translateX(0);
    transform:translateX(0)
}
.widget-links ul li.line-2 a span{
    -webkit-line-clamp:2;
    overflow:hidden;
    display:-webkit-box;
    height:62px;
    text-overflow:ellipsis;
    -webkit-box-orient:vertical
}
.widget-links ul li.line-2 a:after{
    border-width:32px 0 32px 11px;
    margin-top:-32px
}
Người đăng: vào lúc Không có nhận xét nào:
Nhãn: , , ,

viewmore - xem thêm sản phẩm

Download: tại đây
Link: https://freetuts.net/jquery-ajax-pagination-load-more-voi-php-va-mysql-240.html
Người đăng: vào lúc Không có nhận xét nào:
Nhãn: , ,

Thứ Năm, 14 tháng 12, 2017

lấy chiều cao + chiều ngang của ảnh trong script

var _URL = window.URL || window.webkitURL;
var file = files[0];
var height_new = 1200;

img = new Image();
img.src = _URL.createObjectURL(file);
img.onload = function() {
    imgwidth = this.width;
    imgheight = this.height;

    if(imgheight >= height_new){
        console.log("ok");
        return true;
    }else{
        alert("Chiều cao phải lớn hơn 1200");
        // s.cancelAll();
        reset(false);
    }
}
Người đăng: vào lúc Không có nhận xét nào:
Nhãn: ,

Thứ Hai, 20 tháng 11, 2017

ajax - data - icon change

Cách 1:

**** Code Html:
$(document).ready(function($) {

 $(".tinnoibat-ajax").click(function() {
var sid  = $(this).attr("data-id");
var $this = $(this);
$.ajax({
url: '/modules.php',
type: 'POST',
dataType: 'html',
data: {name:'Tintuc',op:'tinnoibat_ajax',sid:sid},
})
.done(function(data) {
if(data==1){
$this.removeClass('fa-star-o');
$this.addClass('fa-star');
}else{
$this.addClass('fa-star-o');
$this.removeClass('fa-star');
}
});
});
});

 Cách 2:

 **** Code Html:
$(".dm-cha").click(function(event) {
var id =  $(this).attr("data-id");

 if ($('.dmcha'+id+' .xchange').is('.fa-chevron-right')) {
        $('.dmcha'+id+' .xchange').removeClass('fa-chevron-right');
        $('.dmcha'+id+' .xchange').addClass('fa-chevron-down');
        $(".dm-con-"+id).css({
        "display": 'block'
        });
    } else {
    $('.dmcha'+id+' .xchange').removeClass('fa-chevron-down');
        $('.dmcha'+id+' .xchange').addClass('fa-chevron-right');
        $(".dm-con-"+id).css({
        "display": 'none'
        });
    }

});
Người đăng: vào lúc Không có nhận xét nào:
Nhãn: , ,

Thứ Hai, 2 tháng 10, 2017

javascript chữ hoa , chữ thường 

$(document).ready(function(){
    $("#username").on('change keyup paste',function(){
    $(this).val($(this).val().toLowerCase());
     })
})
Người đăng: vào lúc Không có nhận xét nào:
Nhãn: ,
Đăng ký: Bài đăng (Atom)