Форум PHP программистов > Смена текста блоке

[ Поиск ] - [ Пользователи ] - [ Календарь ]

qpurypaHT

26.04.2017 - 01:03

Здравствуйте, помощь нужна ваша профессиональная.

Я постараюсь максимально описать суть, найти в инете не удалось, либо плохо искал

Допустим блоки в цикле
Естественно разные названия в цикле не одно слова РОЗА


<div class="block_list">
	<div class="image"><img src="" alt="" /></div>
	<div class="title">
		<span>Роза</span>
		<span>Rose</span>
	</div>
	<div class="cat">cat</div>
	<div class="coin">coin</div>
</div>

суть такая: каждые скажем 5 секунд в блоке .block_list .title , текст менялся с RU на ENG ну и обратно естественно (именно менялся текст не исчезая, так как блок .title поплывет от пустоты)

Благодарю за любую помощь

_____________
Если долго в одних стенах живешь, ты с ними сростаешься

walerus

26.04.2017 - 01:11

Ну? в чем трудность?, JQuery вешай и меняй что хочешь..

qpurypaHT

26.04.2017 - 01:14

Цитата (walerus @ 26.04.2017 - 03:11)

Ну? в чем трудность?, JQuery вешай и меняй что хочешь..

Да я не знаю его, вот в чем трудность, занимаюсь в основном изучением php, недавно перешел на mysqli, переобучаюсь

_____________
Если долго в одних стенах живешь, ты с ними сростаешься

walerus

26.04.2017 - 02:03

qpurypaHT
Пробуй, разбирайся, сложного ничего, один из способов...

код

<!DOCTYPE html>
<html>
<head>
<title>Try jQuery Online</title>
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

</head>
<body>
<div class="block_list">
	<div class="image"><img src="" alt="" /></div>
	<div class="title" param="ru">
		<span>Роза</span>
	</div>
	<div class="cat">cat</div>
	<div class="coin">coin</div>
</div>


<script>
$(document).ready(function() {
    
    function func() {
        
        var get_param = $('.title').attr('param');
        
        if ( get_param == 'en' ){
            $('.title').attr('param', 'ru');
            $('.title').html('<span>Роза</span>');
        }else{
             $('.title').attr('param', 'en');
            $('.title').html('<span>Rose</span>');
        }
        
		setTimeout(func, 5000);
    }
   
   func();
   
});

</script>
</body>
</html>

Быстрый ответ:

Здесь расположена полная версия этой страницы.