Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #21 (permalink)  
Старый 01.02.2016, 14:45
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,070

Socpost,
что мешает сделать макет с запуском добавив run в тег HTML
Ответить с цитированием
  #22 (permalink)  
Старый 01.02.2016, 14:58
Аватар для Socpost
Интересующийся
Отправить личное сообщение для Socpost Посмотреть профиль Найти все сообщения от Socpost
 
Регистрация: 22.01.2016
Сообщений: 18

А можно поподробнее? js, мягко говоря не мой конек
Ответить с цитированием
  #23 (permalink)  
Старый 01.02.2016, 15:01
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,070

иSocpost,
[HTML  run] это не js это правило форматирования [/HTML]
Ответить с цитированием
  #24 (permalink)  
Старый 01.02.2016, 15:03
Аватар для Socpost
Интересующийся
Отправить личное сообщение для Socpost Посмотреть профиль Найти все сообщения от Socpost
 
Регистрация: 22.01.2016
Сообщений: 18

<!doctype html>
<html lang="ru">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title></title>
    <meta name="robots" content="noindex, nofollow">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300&subset=latin,cyrillic-ext' rel='stylesheet' type='text/css'>
    <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700' rel='stylesheet' type='text/css'>
    <link href='http://fonts.googleapis.com/css?family=Roboto+Condensed:300,400&subset=latin,cyrillic-ext' rel='stylesheet' type='text/css'>
    <link rel="stylesheet" type="text/css" media="all" href="http://justcpa.biz/landingnew/style.css">
    <link href="http://justcpa.biz/app/assets/fonts/font-awesome/css/font-awesome.css" rel="stylesheet" type="text/css"/>
	<script src="http://code.jquery.com/jquery-latest.js"></script>
	<style>
 .flagi{
 width: 220px;
 text-align: center;
 }
 .summa{
 text-align: center;
 }
 .moregeo{
font-size: 13px;
line-height: 15px;
 }
 .data{
 vertical-align: middle;
 }
 .archive{
text-decoration: none;
color: #718faa;	 
 }
 .imgview{
width:60px;
vertical-align: middle;
}
.news{
display: inline-block;
}
	</style>
</head>
<body>
 <script>
  $(function(){
    var news = 6; // - количество отображаемых новостей
    hidenews = "- скрыть\u00A0все\u00A0гео";
    shownews = "+ показать\u00A0все\u00A0гео";
    news++;
  $("tr").each(function(c) {
    var b = $(".news:nth-child(n+"+news+")", this).hide();
    $(".archive", this).click(function(a) {
        a.preventDefault();
        a = +b.is(":hidden");
        b.slideToggle(1000);
        $(this).text([shownews,hidenews][a])
    }).text(shownews)
});
});
  </script>


<div class="tab_content">

<div class="tabs_item">
<table class="rwd-table">
<tr class="info">
<th class="first">Оффер</th>
<th>EPС</th>
<th>CR</th>
<th>Условия</th>
<th id="vyplata" class="last">Выплата</th>
</tr>

<!-- Строка данных -->
<tr style="font-size: 15.5px;">
<td data-th="Name" class="data"><img class="imgview" src="http://justcpa.biz/offers/1452133904_245.png" alt="{{ offer.title }}">Мужские духи с феромонами Sexy Life</td>
<td data-th="ECP" class="data">0</td>
<td data-th="CR" class="data">0</td>
<td data-th="Условия" class="data"><nobr>Подтвержденная заявка</nobr></td>

<td class="stroka" data-th="Выплата">


 

<div class="flagi">
 <div class="summa">
<nobr>450-500 руб.</nobr>
</div>

<div class="news">
<img style="margin-top: 5px" src="http://justcpa.biz/flags/24/b/Belarus.png" />
</div>
<div class="news">
<img style="margin-top: 5px" src="http://justcpa.biz/flags/24/u/Ukraine.png" />
</div>
<div class="news">
<img style="margin-top: 5px" src="http://justcpa.biz/flags/24/r/Russian_Federation.png" />
</div>
<div class="news">
<img style="margin-top: 5px" src="http://justcpa.biz/flags/24/k/Kazakhstan.png" />
</div>
<div class="news">
<img style="margin-top: 5px" src="http://justcpa.biz/flags/24/m/Moldova.png" />
</div>
<div class="news">
<img style="margin-top: 5px" src="http://justcpa.biz/flags/24/r/Romania.png" />
</div>
<div class="news">
<img style="margin-top: 5px" src="http://justcpa.biz/flags/24/l/Lithuania.png" />
</div>
<div class="news">
<img style="margin-top: 5px" src="http://justcpa.biz/flags/24/l/Latvia.png" />
</div>

</div>


<div class="moregeo">
<a class="archive" href="#"></a>
</div>
</td>
</tr>
<!-- *** -->


</table>
</div>
</div>
</body>
</html>
Ответить с цитированием
  #25 (permalink)  
Старый 01.02.2016, 15:04
Аватар для Socpost
Интересующийся
Отправить личное сообщение для Socpost Посмотреть профиль Найти все сообщения от Socpost
 
Регистрация: 22.01.2016
Сообщений: 18

Ясно. Простите, не был знаком с таким тэгом.
Ответить с цитированием
  #26 (permalink)  
Старый 01.02.2016, 15:21
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,070

Socpost,
display: inline-block; здесь нужен мастер по css и html, я мало чем могу помочь
Ответить с цитированием
  #27 (permalink)  
Старый 01.02.2016, 15:22
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,070

Socpost,
на всякий случай http://jqueryui.com/toggle/
Ответить с цитированием
  #28 (permalink)  
Старый 01.02.2016, 15:27
Аватар для Socpost
Интересующийся
Отправить личное сообщение для Socpost Посмотреть профиль Найти все сообщения от Socpost
 
Регистрация: 22.01.2016
Сообщений: 18

Понятно, спасибо
Ответить с цитированием
  #29 (permalink)  
Старый 01.02.2016, 16:47
Аватар для Socpost
Интересующийся
Отправить личное сообщение для Socpost Посмотреть профиль Найти все сообщения от Socpost
 
Регистрация: 22.01.2016
Сообщений: 18

А нельзя сделать так, чтобы лишние элементы помещались в отдельный div, а уже его тогда прятать?
Ответить с цитированием
  #30 (permalink)  
Старый 01.02.2016, 16:56
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,070

Socpost,
можно
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Как выбрать элемент, который отправлялся ajax Nifler jQuery 5 20.08.2015 08:42
Как выбрать элемент, который отправлялся ajax Nifler jQuery 2 20.08.2015 08:25
Как объединить 4 одинаковых функции Batyabest Общие вопросы Javascript 2 21.12.2013 22:53
Управление скроллом "а-ля тач" HonesT Элементы интерфейса 2 27.08.2013 14:25
Вставка блока php в js...Как сделать? reup Общие вопросы Javascript 2 30.07.2009 11:02