Все технические форумы на одном сайте Удобный поиск информации с популярных форумов в одном месте
Вопрос: CSS:Изменить стиль одного объекта выделяя другой?

Надо сделать на чистом CSS, как я только не бился не получается.((
В общем вот такая древовидная менюшка, перед пунктами стоит картинка стрелки надо сделать,чтобы при наведении на название пункта стрелка менялась. 

Код

<div class="menu-sitemap-tree">
<ul>
    <li class="close_m" >
    <div class="folder" onClick="OpenMenuNode(this)"></div>
    <div onClick="OpenMenuNode(this)"  class="item-text"  >Пункт меню куда навожу</div>
    <ul>
    


Сейчас стрелка меняется если навести на нее и сделано это так:

Код

div.menu-sitemap-tree li.close_m div.folder:hover{background-image:url(images/second-menu-marker-hover.png);}
div.folder{cursor:pointer; cursor: hand;background-image:url(images/second-menu-marker-selected.png);}
div.menu-sitemap-tree li.close_m div.folder{background-image:url(images/second-menu-marker.png);}


я делают так:

Код


div.menu-sitemap-tree div.item-text:hover div.menu-sitemap-tree li.close_m div.folder{background-image:url(images/second-menu-marker-hover.png);}


Т.е. при наведении на Div c классом item-text меняй фон у Div с классом folder, находящийся по адресу div.menu-sitemap-tree li.close_m div.folder ...
и ничего не работает... :dash1 


Это сообщение отредактировал(а) Nicholas - 14.10.2015, 09:47
Ответ:
В Css нет возможности указать "родительский"элемент. Только с помошью Javascript.
Почему бы не менять .folder при наведении на LI, который его содержит?
Получится что-то вроде 
Код

li.close_m:hover div.folder  {
    background-image:url(images/second-menu-marker-hover.png);
}

Вопрос: Переход из одного SWF в другой

День добрый. Мне необходима конструкция перехода из одного SWF в другой через нажатие по кнопке, если у кого исходник есть? С радостью рассмотрю все варианты..
Ответ: Что подразумевается при переходе из одной свф в другую? можно в главную свф загрузить другую.
Код ActionScript 3
1
2
3
4
var myLoader:Loader = new Loader();                     // create a new instance of the Loader class
var url:URLRequest = new URLRequest("ExternalSWF.swf"); // in this case both SWFs are in the same folder 
myLoader.load(url);                                     // load the SWF file
addChild(myLoader);                                     // add that instance to the display list, adding it to the Stage at 0,0
Вопрос: Перенос сайта с одного компа на другой. не соединяет с б.д

Доброго времени суток!!!

Помогите. Очень нужно!!! Я новичек поэтому вопросы могут быть глупые, все равно отвечайте!!!

Переношу сайт с одного компа на другой. Экспортировал б\д на флешку, скопировал туда же базу сайта (т.е. папку с

Джумлой). На другом компе установил Denwer, создал б.д c помощью phpmyadmin, создал пользователя, импортировал

с флешки б\д, скопировал папку с джумлой. Попробовал зайти на сайт(все на локальном хосте) и получил ответ:

Database connection error (2): Could not connect to MySQL. Как можно исправить???

Какие шаги я мог пропустить ???? Joomla 2.5.9 +vm2

Заранее спасибо.
Ответ: Я тоже новичок в этом деле и у меня тоже возникли проблемы с переносом с одного денвера на другой денвер на другом PC. У меня вопрос такого плана, вот ситуация:
1. Есть 2 PC с одинаковой версией денвера и SQL.
2. На 1 PC создается сайт на CMS Joomla 3.4.6 все хорошо, сайт работает.
3. Попробовал перенести все это дело на PC 2 (как переносил: Копировал физически папку сайта например Mysite.ru и в phpmyadmin сделал экспорт моей одноименной базы данных).
4. На 2 РС вставил папку с сайтом туда же где и должна быть и импортировал базу данный через phpmyadmin.
5. И ничего не работает - ругается.
6. Пробывал второй способ переноса (физически копирование папки с сайтом и копирование самой папки с моей базой данных в директории data и вставки всего этого дела на PC 2) - Тоже ругается.
Что я делаю не так? Что то я наверное упускаю, может оси на двух PC разные (XP и 7) или на 2 PC нужно было создать БД с таким же именем и потом импортировать? Заранее спасибо!
Вопрос: При наведении на один класс, изменить другой

Всем привет. Столкнулся с проблемой, которую не могу решить.
Как при наведении на один класс, изменить другой?

Вот песочница, в которой я набросал код:


Если лень ходить, можете посмотреть здесь:
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<a href="#">
  <div>
    <img class="img" id="one" src="https://www.codeproject.com/KB/GDI-plus/ImageProcessing2/img.jpg" />
    <img class="img" id="two" src="http://www.readersdigest.ca/wp-content/uploads/2011/01/4-ways-cheer-up-depressed-cat.jpg" />
    <img class="img" id="three" src="https://www.petfinder.com/wp-content/uploads/2012/11/91615172-find-a-lump-on-cats-skin-632x475.jpg" />
    <img class="img" id="four" src="https://www.what-dog.net/Images/faces2/scroll0015.jpg" />
  </div>
</a>
<div>
  <ul class="button">
    <li id="button_one">One</li>
    <li id="button_two">Two</li>
    <li id="button_three">Three</li>
    <li id="button_four">Four</li>
</div>
CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
.img {
  width: 300px;
}
#one {
  display: block;
}
#two, #three, #four {
  display: none;
}
.button li {
  display: inline;
  border: 1px solid #ccc;
  padding: 10px;
  background: #e8e8e8;
}
 
/*При наведении на 1-ю кнопку, все остальные исчезают*/
#button_one:hover #one {
  display: block;
}
#button_one:hover #two, #three, #four {
  display: none;
}
 
/*При наведении на 2-ю кнопку, все остальные исчезают*/
#button_two:hover #two {
  display: block;
}
#button_one:hover #one, #three, #four {
  display: none;
}
 
/*При наведении на 3-ю кнопку, все остальные исчезают*/
#button_three:hover #three {
  display: block;
}
#button_three:hover #one, #two, #four {
  display: none;
}
 
/*При наведении на 4-ю кнопку, все остальные исчезают*/
#button_four:hover #four {
  display: block;
}
#button_four:hover #one, #two, #three {
  display: none;
}
Хотелось бы решение на чистом CSS.
Ответ: Примерно так:
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
<div class="wrapper">
    <div id="button_one">One</div>
    <div id="button_two">Two</div>
    <div id="button_three">Three</div>
    <div id="button_four">Four</div>
 
    <img class="img" id="one" src="https://www.codeproject.com/KB/GDI-plus/ImageProcessing2/img.jpg" />
    <img class="img" id="two" src="http://www.readersdigest.ca/wp-content/uploads/2011/01/4-ways-cheer-up-depressed-cat.jpg" />
    <img class="img" id="three" src="https://www.petfinder.com/wp-content/uploads/2012/11/91615172-find-a-lump-on-cats-skin-632x475.jpg" />
    <img class="img" id="four" src="https://www.what-dog.net/Images/faces2/scroll0015.jpg" />
  
  </div>
CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
.img {
  margin-top:15px;
  width: 300px;
}
#one {
  display: block;
}
#two, #three, #four, {
  display: none;
}
#button_one, #button_two,#button_three,#button_four{
  display: inline;
  border: 1px solid #ccc;
  padding: 10px;
  background: #e8e8e8;
}
 
/*При наведении на 1-ю кнопку, все остальные исчезают*/
#button_one:hover #one {
  display: block;
}
 
/*При наведении на 2-ю кнопку, все остальные исчезают*/
#button_two:hover ~#two {
  display: block;
}
#button_two:hover ~#one {
  display: none;
}
 
/*При наведении на 3-ю кнопку, все остальные исчезают*/
#button_three:hover ~#three {
  display: block;
}
#button_three:hover ~#one {
  display: none;
}
 
/*При наведении на 4-ю кнопку, все остальные исчезают*/
#button_four:hover ~#four {
  display: block;
}
#button_four:hover ~#one{
  display: none;
}
1. У всех элементов должен быть общий родитель ( в данном случае это див с классом wrapper).
2. Все изменяемые элементы в коде html должны идти ниже элементов которые их изменяют (картинки в коде ниже чем кнопки), средствами css их можно разместить где угодно конечно, но в html только так.
3. Элемент который в коде html расположен выше элемента которым он изменяется, средствами css3 изменить нельзя, тут либо JS, либо ждем css4 (так например мы не можем при наведении на кнопку Two изменить, например, цвет кнопки One
Вопрос: Верно ли, что переменная - это свойство глобального объекта?

Я так понял что переменная это свойство глобального объекта,это так?
Вопрос такой:
Но так ведь любая переменная базового типа это объект(ну или ведет себя как объект) и получаеться вложенные объекты?Если я не прав поправьте
Заранее спасибо
Ответ:
Сообщение от therealsava
То мы создаем объект!
Да. Для того, чтобы убедиться в том, что создаётся объект можно присвоить ему некое свойство и обратиться к нему.

var o = new String("this is object");
o.someProp = 5;
alert(o.someProp); // 5

var str = "this is string";
str.someProp = 5;
alert(str.someProp); // undefined

Можно, также, оператором typeof проверить:
typeof o; // "Object"
typeof str; // "String"

А значение свойства length можно менять только у массивов.

Сообщение от therealsava
И второй вопрос если мы создаем переменную с помощью конструктора она же будет яв-ся в объектом и нах-ся в глобальной области то есть будет вложенным объектом так?
Вложенным он будет всегда. Если объект создаётся в глобальной области видимости, он становится свойством глобального объектва window. А если в локальной области видимости, то свойством объекта LexicalEnvironment.
Вопрос: наложить одну картинку на другую под определенным углом

задание вроде того, что у фидле. нужно наложить одну картинку на другую, при том, что нижняя картинку наклонена. никак не удается ровно наложить.пробовал через перспективу в CSS, матрицу и другую трансформацию, но углы картинок всегда не сбегают. при этом может не совпадать только один угол. есть ли какие простые способы, или можно мой вариант поправить?


HTML5
1
2
3
<img src="http://harveywickens.com/wp-content/uploads/2014/02/Front-of-book.jpg" alt="back">
 
<img src="http://www.fromoldbooks.org/Geneva/pages/000-Front-Cover/000-Front-Cover-q75-1007x1300.jpg" alt="over">
CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
img[alt=back]
{
  width 250px;
  height: 400px;
}
img[alt=over]
{
    position: absolute;
    left: 0;
    top: 0px;
    height: 250px;
    width: 230px;
    /* transform: rotateY(0deg); */
    transform: matrix(0.8, 0.14, 0, 1.14, 136, 91);
}
Ответ: раньше делал так как вы показали, а еще вижу, что это работает в фидле, но сколько ни пытаюсь на сайте ничего не срабатывает. верхние углы остаются на одном уровне, что то можете посоветовать?

Добавлено через 15 минут
спасибо, разобрался
img[alt=back]
{
position:absolute;
}
из за этого была проблема
Вопрос: Редирект с ссылки одного пользователя на другого

Добрый день,
Как правильно прописать редирект с одного пользователя на другого.
Оба пользователя активны.
Пример ссылки:
на

Rewrite 301 не работает.
Спасибо.
Ответ:
Код
RewriteCond %{THE_REQUEST} " /f/index\.php\?/user/333-user/ "
RewriteRule ^ /f/index.php?/user/444-player/ [R=301,L]
Или так
Код
RewriteCond %{QUERY_STRING} =/user/333-user/
RewriteRule ^f/index\.php$ /f/index.php?/user/444-player/ [R=301,L]
И ставить выше других правил сразу после RewriteEngine On.
Вопрос: Как передать свойство другому свойству внутри объекта?

Такой вопрос, как передать свойство другому свойству внутри объекта?
Javascript
1
2
3
4
5
6
'Тканевые':{Name:'vert',
            width: () => (+cartData[dataId][6].replace(",", ".") + 0).toString().replace(".", ","),             
            height: () => (+cartData[dataId][7].replace(",", ".") + 0).toString().replace(".", ","),
            clothWidth: () => (+cartData[dataId][6].replace(",", ".") + 0).toString().replace(".", ",")
            },
'Пластиковые':'vert'
т.е. свойству "Пластиковые" передать все значения "Тканевые"
Ответ: Сделал так
Javascript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
function getZamer (type) {//данные по изделию
                
                let hh = (n,w,h,c) => {
                return {Name:n,
                        width: () => (+cartData[dataId][6].replace(",", ".") + w).toString().replace(".", ","),             
                        height: () => (+cartData[dataId][7].replace(",", ".") + h).toString().replace(".", ","),
                        clothWidth: () => (+cartData[dataId][6].replace(",", ".") + c).toString().replace(".", ",")
                       }
                         };
                                     
                    return {
                        'Мини': hh('mini', 4, 5, 0),
                        'Кассета': hh('kas', 3.5, 3, 1),
                        'Кассета+': hh('kas+', 1.5, 0, 1),
                        'Стандарт': hh('st', 3.5, 0, 0),
                        'Мини-Зебра': hh('mz', 4, 5, 0),
                        'Кассета-Зебра': hh('kz', 1.5, 0, -1),
                        'Стандарт-Зебра': hh('sz', 3.5, 0, 0),
                        'Тканевые': hh('vert', 0, 0, 0),
                        'Пластиковые': hh('vert', 0, 0, 0),
                        'Горизонтальные-Стандарт': hh('gs', 0, 0, 0),
                        'Горизонтальные с цепочкой': hh('gs', 0, 0, 0),
                        'Venus': hh('venus', 6, 2, 0)
                    }[type];
                };
Вопрос: Добавить / удалить элемент из одного selecta в другой по клику

Всем привет! не работает (( не могу найти ошибку у себя, помогите, пожалуйста:

Есть 2 окна селекта, в одном фильмы, где актер играет, в другом где не играет. По клику мыши на фильм он должен перескакивать из одного селекта в другой. код у меня такой:

Здесь я делаю 1) список фильмов, которые есть и которых нет у актера и 2) потом функции добавления и удаления фильма из одного списка в другой:
function genSelectAktorNotInFilms($pdo,$id_aktora,$inner=false)
{
	$returned_HTML="";
	$stmt = $pdo->prepare ('SELECT id_filmu, tytul from filmy where id_filmu not in 
			( SELECT DISTINCT id_filmu from obsada where id_aktora = :id_aktora)');
	
	$stmt-> bindValue(':id_aktora', $id_aktora, PDO::PARAM_INT);
	$stmt->execute ();
	if ($inner==false)
		$returned_HTML.='<select id=MoviesNo name="MoviesNo[]" size="12">'.PHP_EOL;
	foreach($stmt as $row) 
	{
	$returned_HTML.='<option value="'.$row['id_filmu']
	
	.'" onClick=swapMovies('.$id_aktora.',this.value,0)>'
	.$row['tytul'].'</option>'.PHP_EOL;		
	
	}
	$stmt->closeCursor();
	if ($inner==false)
		$returned_HTML.='</select>'.PHP_EOL;
	return $returned_HTML;	
	}
	

function genSelectAktorInFilms ($pdo,$id_aktora,$inner=false)

{
	$returned_HTML="";
	$stmt = $pdo->prepare ('SELECT id_filmu, tytul from filmy where id_filmu in
			( SELECT DISTINCT id_filmu from obsada where id_aktora = :id_aktora)');

	$stmt-> bindValue(':id_aktora', $id_aktora, PDO::PARAM_INT);
	$stmt->execute ();
	if ($inner==false)
		$returned_HTML.='<select id=MoviesYes name="MoviesYes[]" size="8">'.PHP_EOL;
	foreach ( $stmt as $row )
	{
		$returned_HTML .= '<option value=" '.$row ['id_filmu']
		.'" onClick=swapMovies('.$id_aktora.',this.value,0)>'
				.$row['tytul'].'</option>'.PHP_EOL;

	}
	$stmt -> closeCursor();
	if ($inner==false)
		$returned_HTML.='</select>'.PHP_EOL;
	return $returned_HTML;
}

function RemMovieFromAktor ($pdo,$id_aktora,$id_filmu)
{
	$stmt =$pdo -> prepare ('delete from obsada where id_filmu= :id_filmu' );
			$result->bindParam(':id_filmu', $id_filmu);
	$result->execute();
	$stmt->closeCursor();
	
}
Ответ:
Сообщение от Grover
в другом где не играет
Актер не играл во всех фильмах кроме тех, в которых играл. Реальность запроса обсулавливается лишь сугубым размерчиком вашей базы данных. Если бы это была imdb вам бы пользователи сразу сказали что так нельзя делать.
Вопрос: Функция для копирования всех файлов из одной папки в другую

написал функцию, которая копирует все файлы из одной папки в другую, но есть один баг, в папке кроме файлов есть и другая папка с файлами, так вот из этой папки копируется только 2 файла вместо трех которые там лежат. Может кто подскажет в чем проблема?
Ответ: Extendscript Toolkit