Когда, к примеру, input checkbox невидим, а вместо него отображается иконка font awesome или др. и нужно проверить его checked и т.д.
Не использовать display:none или visibility:hidden
Использовать, например, opacity:0;
Например, для замены в $text {lists_4} на название списка и список элементов:
preg_match_all("/{lists\s*(.*?)}/si",$text,$matches,PREG_SET_ORDER); if(count($matches)>0){ foreach($matches as $m){ $me=explode('_',trim(trim($m[0],'}'),"{")); if($me[0]=='lists'&&$me[1]>0){ $replace=''; $list=get_by_id($me[1],'lists'); if($list['id']){ $items=get_from_base('*','list_items',"`parent`='".$list['id']."' and `shown`=1",'pos'); if(count($items)>0){ $replace.='<div class="list">'; $replace.='<div class="name">'.$list['name'].'</div>'; $replace.='<ul>'; foreach($items as $count=>$item){ $replace.='<li class="item">'.$item['name'].'</li>'; } $replace.='</ul>'; $replace.='</div>'; } } $text=str_replace($m,$replace,$text); } } }
Убрать атрибут readonly="readonly" и добавить class="readonly", и js:
$(".readonly").on('keydown paste',function(e){ e.preventDefault(); });
user — имя текущего пользователя
iMac:~ user$ cd ~/Library/Mobile\ Documents/com~apple~CloudDocs/ iMac:com~apple~CloudDocs user$ pwd /Users/user/Library/Mobile Documents/com~apple~CloudDocs iMac:com~apple~CloudDocs user$
Для перемещения синхронизируемой папки на диск D:
1. Скопировать папку iCloudDrive на диск D, или создать пустую, если объем файлов небольшой
2. Отключить iCloud Drive в настройках iCloud — это удалит все файлы iCloud с диска C
3. В командной строке (user — имя текущего пользователя):
C:\Users\user>mklink /J "C:\Users\user\iCloudDrive" "D:\iCloudDrive"
Результатом должно быть
соединение создано для C:\Users\user\iCloudDrive <<===>> D:\iCloudDrive
4. Включить iCloud Drive в настройках iCloud — файлы в D:\iCloudDrive будут синхронизированы
ymaps.ready(init); function init(){ var placemarks=[]; var myMap=new ymaps.Map("places_map",{ center:[59.952236, 30.299258], zoom:16, controls:['zoomControl'] }); Placemark=new ymaps.Placemark([59.952236, 30.299258],{ balloonContent:'address 1', hintContent:'name 1', },{ preset:'islands#redDotIcon' }); placemarks[1]=Placemark; myMap.geoObjects.add(Placemark); Placemark=new ymaps.Placemark([59.924406, 30.385793],{ balloonContent:'address 2', hintContent:'name 2', },{ preset:'islands#redDotIcon' }); placemarks[2]=Placemark; myMap.geoObjects.add(Placemark); Placemark=new ymaps.Placemark([59.952236, 30.299258],{ balloonContent:'address 3', hintContent:'name 3', },{ preset:'islands#redDotIcon' }); placemarks[3]=Placemark; myMap.geoObjects.add(Placemark); myMap.behaviors.disable('scrollZoom'); $('.places_map .places .item').on('click',function(){ $('.places_map .places .item').removeClass('active'); $(this).addClass('active'); $('.places_map .places').addClass('closed'); var cid=$(this).data('id'); myMap.setCenter(placemarks[cid].geometry.getCoordinates()); //placemarks[cid].balloon.open(); }); }
<script src="https://api-maps.yandex.ru/2.1/?lang=ru_RU"></script> <div class="places_map"> <div id="places_map"></div> <div class="places"> <div class="items"> <div class="item" data-id="1">title 1</div> <div class="item" data-id="2">title 2</div> <div class="item" data-id="3">title 3</div> </div> </div> </div>
#places_map{ height:500px; }
.header — фоновое изображение
.mask — полупрозрачный белый фон
.l1,.l2,.l3,.l4 — буквы вырезающие из полупрозрачного фона полноцветную картинку
.l5,.l6 — ссылка в рамке, вырезающей из полупрозрачного фона полноцветную картинку
Используются свойства: -webkit-text-fill-color:transparent; и -webkit-background-clip:text;
Полный пример:
HTML:
<div class="header"> <div class="mask"> <div class="text"> <div class="wrap"> <div class="l1">Lorem ipsum</div> <div class="l2">dolor sit amet consectetur</div> <div class="l3">sed do eiusmod tempor incididunt</div> <div class="l4">Excepteur sint</div> <a class="l5" href="#">Duis aute</a> <div class="l6"><span><i></i></span></div> </div> </div> </div> </div>
CSS:
.header{ height:860px; background:url("../images/header.jpg") center center; background-size:cover; position:relative; .mask{ height:100%; } .text{ text-transform:uppercase; text-align:center; font-weight:900; div,a{ width:100%; position:absolute; display:block; left:0; color:@color_white; text-decoration:none; } .l1{ font-size:50px; line-height:50px; top:230px; background-position:50% -230px; } .l2{ font-size:70px; line-height:70px; top:330px; background-position:50% -330px; } .l3{ font-size:30px; line-height:30px; top:450px; background-position:50% -450px; } .l4{ font-size:30px; line-height:30px; top:500px; background-position:50% -500px; } .l5{ font-size:25px; line-height:100px; top:600px; background-position:50% -600px; z-index:2; } .l6{ top:600px; z-index:1; span{ display:inline-block; width:570px; z-index:0; position:absolute; top:0; left:50%; margin-left:-285px; height:100px; border:5px solid @color_white; box-sizing:border-box; i{ display:block; height:90px; } } } } &:not(:hover){ .mask{ background:fade(@color_white,70%); .text{ div,a{ background-image:url("../images/header.jpg"); background-repeat:no-repeat; -webkit-text-fill-color:transparent; -webkit-background-clip:text; } .l6{ span{ border-color:transparent; background:url("../images/header.jpg") no-repeat 50% -605px; i{ background:fade(@color_white,70%); } } } } } } }
