Перейти к содержанию
vasyok28

Как сделать с помощью php id или class блокам div

Рекомендуемые сообщения

Как сделать с помощью php id или class блокам div, у меня есть горизонтальное меню под хедером, мне нужно там добавить картинки и не понятно как, решил сделать каждой категории задать id например id1, id2, id3 итд. Помогите пожалуйста мне

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Могу помочь, даже сделаю сам за небольшую плату.

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Могу помочь, даже сделаю сам за небольшую плату.

Извините, но денег нет. Но это минутное дело, буду очень благодарен в вашей помощь. Просто я в php не силен

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Извините, но денег нет. Но это минутное дело, буду очень благодарен в вашей помощь. Просто я в php не силен

Откуда вы знаете. что это минутное дело, если не сильны в пхп? :)

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
<?php echo 'id="'.$my_id.'"'; ?> 

это если надо вывести в шаблоне  

 

Спасибо вам большое, друг мой. Но не работает или я что-то делаю не так.

В файле header.tpl мне нужно каждой категории добавить уникальный id или class, пример

<img src="img/che.png" class="n1"/>

<img src="img/che2.png" class="n2"/>

<img src="img/ch3.png" class="n3"/>

Это я привел пример как должно быть

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Откуда вы знаете. что это минутное дело, если не сильны в пхп? :)

Я основы знаю, я проходил обучения по курсам от специалист 1/2 уровень, но как сделать не знаю. Извините меня если что, я уважаю труд программистов и время

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

что за меню то хоть? категории али статьи? править надо минимум 2 файла - контроллер и шаблон.

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты


<?php $i=1; ?>

<img src="img/che.png" class="n<?php echo $i++;?>"/>

<img src="img/che2.png" class="n<?php echo $i++;?>"/>

<img src="img/ch3.png" class="n<?php echo $i++;?>"/>

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
<?php $i=1; ?>
<img src="img/che.png" class="n<?php echo $i++;?>"/>
<img src="img/che2.png" class="n<?php echo $i++;?>"/>
<img src="img/ch3.png" class="n<?php echo $i++;?>"/>

Думаю вы правильно поняли мою проблему но не работает. Вот категория

<a href="<?php echo $category['href']; ?>">
<div class="navIMG">
<?php $i=0; ?>
<img src="img/che.png" class="n<?php echo $i++;?>"/>
</div>
<div class="nameCat"><?php echo $category['name']; ?></div>
</a>
</li>

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Посмотрите меню на сайте http://bose.halfhope.ru/, если Вы имеете ввиду именно то, то вот Вам содержимое файла header.tpl:

<!DOCTYPE html>
<html dir="<?php echo $direction; ?>" lang="<?php echo $lang; ?>">
<head>
<meta charset="UTF-8" />
<title><?php echo $title; ?></title>
<base href="<?php echo $base; ?>" />
<?php if ($description) { ?>
<meta name="description" content="<?php echo $description; ?>" />
<?php } ?>
<?php if ($keywords) { ?>
<meta name="keywords" content="<?php echo $keywords; ?>" />
<meta name="format-detection" content="telephone=no">
<meta name="apple-mobile-web-app-capable" content="no">
<?php } ?>
<?php if ($icon) { ?>
<link href="<?php echo $icon; ?>" rel="icon" />
<?php } ?>
<?php foreach ($links as $link) { ?>
<link href="<?php echo $link['href']; ?>" rel="<?php echo $link['rel']; ?>" />
<?php } ?>
<link rel="stylesheet" type="text/css" href="catalog/view/theme/ocstore-premium/stylesheet/stylesheet.css" />
<?php foreach ($styles as $style) { ?>
<link rel="<?php echo $style['rel']; ?>" type="text/css" href="<?php echo $style['href']; ?>" media="<?php echo $style['media']; ?>" />
<?php } ?>
<script type="text/javascript" src="catalog/view/theme/ocstore-premium/javascript/jquery/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="catalog/view/theme/ocstore-premium/javascript/jquery/ui/jquery-ui-1.8.16.custom.min.js"></script>
<link rel="stylesheet" type="text/css" href="catalog/view/theme/ocstore-premium/javascript/jquery/ui/themes/ui-lightness/jquery-ui-1.8.16.custom.css" />
<script type="text/javascript" src="catalog/view/javascript/jquery/ui/external/jquery.cookie.js"></script>
<script type="text/javascript" src="catalog/view/theme/ocstore-premium/javascript/jquery/colorbox/jquery.colorbox.js"></script>
<link rel="stylesheet" type="text/css" href="catalog/view/theme/ocstore-premium/javascript/jquery/colorbox/colorbox.css" media="screen" />
<script type="text/javascript" src="catalog/view/theme/ocstore-premium/javascript/jquery/tabs.js"></script>
<script type="text/javascript" src="catalog/view/theme/ocstore-premium/javascript/common.js"></script>
<link rel="stylesheet" type="text/css" href="catalog/view/theme/ocstore-premium/stylesheet/carousel.css" media="screen" />
<script type="text/javascript" src="catalog/view/theme/ocstore-premium/javascript/jquery/jquery.jcarousel.min.js"></script>
<?php foreach ($scripts as $script) { ?>
<script type="text/javascript" src="<?php echo $script; ?>"></script>
<?php } ?>
<!--[if IE 7]>
<link rel="stylesheet" type="text/css" href="catalog/view/theme/ocstore-premium/stylesheet/ie7.css" />
<![endif]-->
<!--[if !IE]><!-->
<script>if(/*@cc_on!@*/false){document.documentElement.className+=' ie10';}</script>
<!--<![endif]-->
<link rel="stylesheet" type="text/css" href="catalog/view/theme/ocstore-premium/stylesheet/ie10.css" />



<!--[if lt IE 7]>
<link rel="stylesheet" type="text/css" href="catalog/view/theme/ocstore-premium/stylesheet/ie6.css" />
<script type="text/javascript" src="catalog/view/javascript/DD_belatedPNG_0.0.8a-min.js"></script>
<script type="text/javascript">
DD_belatedPNG.fix('#logo img');
</script>
<![endif]-->
<?php echo $google_analytics; ?>
<script src='catalog/view/theme/ocstore-premium/javascript/jquery/jquery.elevateZoom-2.5.5.min.js'></script>
<!-- <link href='http://fonts.googleapis.com/css?family=Open+Sans&subset=latin,cyrillic-ext' rel='stylesheet' type='text/css'> -->
</head>
<body
    <?php if (!isset($this->request->get['route']) || (isset($this->request->get['route']) && $this->request->get['route'] == 'common/home')) { ?>
id="line"
<?php } else { ?>
id="line-home"
<?php } ?>
>

<div class="menu-top">
	<div class="menu-top-content">	
	</div>
</div>
<div class="menu-top2">
	<div class="menu-top-content2">
	<div class="social">
	<img src="/catalog/view/theme/ocstore-premium/image/vk.png"><!-- <img src="/catalog/view/theme/ocstore-premium/image/facebook.png"><img src="/catalog/view/theme/ocstore-premium/image/twitter.png"> -->
	</div>
	<div class="phone">(044) 123-46-67</div>
	</div>
</div>
<div class="menu-main">
</div>
<div class="line-main">



    <div class="menu-top-content3">
    <?php if ($categories) { ?>
    <div id="menu">
      <ul>
        <?php foreach ($categories as $category) { ?>
        <li><?php if ($category['active']) { ?>
    	<a href="<?php echo $category['href']; ?>" data-thumb-id="<?php echo $category['category_id'] ?>" data-thumb="<?php echo $category['thumb']; ?>" class="active"><?php echo $category['name']; ?></a>
    	<?php } else { ?>
    	<a href="<?php echo $category['href']; ?>" data-thumb-id="<?php echo $category['category_id'] ?>" data-thumb="<?php echo $category['thumb']; ?>"><?php echo $category['name']; ?></a>
    	<?php } ?>
    
          <?php if ($category['children']) { ?>
          <div>
            <?php for ($i = 0; $i < count($category['children']);) { ?>
            <div>
              <ul>
                <?php $j = $i + ceil(count($category['children']) / $category['column']); ?>
                <?php for (; $i < $j; $i++) { ?>
                <?php if (isset($category['children'][$i])) { ?>
                <li><a href="<?php echo $category['children'][$i]['href']; ?>" data-thumb-id="<?php echo $category['category_id'] ?>" data-thumb="<?php echo $category['children'][$i]['thumb']; ?>"><?php echo $category['children'][$i]['name']; ?></a></li>
                
                
                <?php } ?>
                <?php } ?>
                 <div class="clear"></div>
              </ul>
            </div>
            <img src="<?php echo $category['thumb']; ?>" alt="" class="thumb thumb<?php echo $category['category_id']; ?>">
            <?php } ?>
          </div>
          <?php } ?>
        </li>
        <?php } ?>
      </ul> 
    </div>
    
   
    <?php } ?>
    </div>




</div>



<div class="content-n">
    <div class="content-vn">
    
    



<div id="container">
<div id="header">
  <?php if ($logo) { ?>
  <div id="logo"><a href="<?php echo $home; ?>"><img width="236" height="89" src="<?php echo $logo; ?>" title="<?php echo $name; ?>" alt="<?php echo $name; ?>" /></a></div>
  <?php } ?>
  <?php echo $currency; ?>
  <?php echo $cart; ?>
<?php echo $language; ?>
  <div id="search">
    <div class="button-search"></div>
    <input type="text" name="search" placeholder="<?php echo $text_search; ?>" value="<?php echo $search; ?>" />
  </div>
  <div id="welcome">
    <?php if (!$logged) { ?>
    <?php echo $text_welcome; ?>
    <?php } else { ?>
    <?php echo $text_logged; ?>
    <?php } ?>
  </div>
  <div class="links"><a href="<?php echo $home; ?>"><?php echo $text_home; ?></a><a href="<?php echo $wishlist; ?>" id="wishlist-total"><?php echo $text_wishlist; ?></a><a href="<?php echo $account; ?>"><?php echo $text_account; ?></a><a href="<?php echo $shopping_cart; ?>"><?php echo $text_shopping_cart; ?></a><a href="<?php echo $checkout; ?>"><?php echo $text_checkout; ?></a></div>

    <div class="clear"></div>
</div>
<div id="notification"></div>
<script>
$(document).ready(function() {
  $('#menu').on('mouseenter', 'a', function(event) {
    event.preventDefault();
    $('.thumb' + $(this).attr('data-thumb-id')).attr('src', $(this).attr('data-thumb'));
  });
});
</script> 

 

UPD: Правильно будет вот так:

<a href="<?php echo $category['href']; ?>">
  <div class="navIMG">
    <img src="img/che.png" class="n<?php echo $category['category_id']; ?>"/>
  </div>
  <div class="nameCat"><?php echo $category['name']; ?></div>
</a>
</li>
Изменено пользователем halfhope

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

 

Посмотрите меню на сайте http://bose.halfhope.ru/, если Вы имеете ввиду именно то, то вот Вам содержимое файла header.tpl:

<!DOCTYPE html>
<html dir="<?php echo $direction; ?>" lang="<?php echo $lang; ?>">
<head>
<meta charset="UTF-8" />
<title><?php echo $title; ?></title>
<base href="<?php echo $base; ?>" />
<?php if ($description) { ?>
<meta name="description" content="<?php echo $description; ?>" />
<?php } ?>
<?php if ($keywords) { ?>
<meta name="keywords" content="<?php echo $keywords; ?>" />
<meta name="format-detection" content="telephone=no">
<meta name="apple-mobile-web-app-capable" content="no">
<?php } ?>
<?php if ($icon) { ?>
<link href="<?php echo $icon; ?>" rel="icon" />
<?php } ?>
<?php foreach ($links as $link) { ?>
<link href="<?php echo $link['href']; ?>" rel="<?php echo $link['rel']; ?>" />
<?php } ?>
<link rel="stylesheet" type="text/css" href="catalog/view/theme/ocstore-premium/stylesheet/stylesheet.css" />
<?php foreach ($styles as $style) { ?>
<link rel="<?php echo $style['rel']; ?>" type="text/css" href="<?php echo $style['href']; ?>" media="<?php echo $style['media']; ?>" />
<?php } ?>
<script type="text/javascript" src="catalog/view/theme/ocstore-premium/javascript/jquery/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="catalog/view/theme/ocstore-premium/javascript/jquery/ui/jquery-ui-1.8.16.custom.min.js"></script>
<link rel="stylesheet" type="text/css" href="catalog/view/theme/ocstore-premium/javascript/jquery/ui/themes/ui-lightness/jquery-ui-1.8.16.custom.css" />
<script type="text/javascript" src="catalog/view/javascript/jquery/ui/external/jquery.cookie.js"></script>
<script type="text/javascript" src="catalog/view/theme/ocstore-premium/javascript/jquery/colorbox/jquery.colorbox.js"></script>
<link rel="stylesheet" type="text/css" href="catalog/view/theme/ocstore-premium/javascript/jquery/colorbox/colorbox.css" media="screen" />
<script type="text/javascript" src="catalog/view/theme/ocstore-premium/javascript/jquery/tabs.js"></script>
<script type="text/javascript" src="catalog/view/theme/ocstore-premium/javascript/common.js"></script>
<link rel="stylesheet" type="text/css" href="catalog/view/theme/ocstore-premium/stylesheet/carousel.css" media="screen" />
<script type="text/javascript" src="catalog/view/theme/ocstore-premium/javascript/jquery/jquery.jcarousel.min.js"></script>
<?php foreach ($scripts as $script) { ?>
<script type="text/javascript" src="<?php echo $script; ?>"></script>
<?php } ?>
<!--[if IE 7]>
<link rel="stylesheet" type="text/css" href="catalog/view/theme/ocstore-premium/stylesheet/ie7.css" />
<![endif]-->
<!--[if !IE]><!-->
<script>if(/*@cc_on!@*/false){document.documentElement.className+=' ie10';}</script>
<!--<![endif]-->
<link rel="stylesheet" type="text/css" href="catalog/view/theme/ocstore-premium/stylesheet/ie10.css" />



<!--[if lt IE 7]>
<link rel="stylesheet" type="text/css" href="catalog/view/theme/ocstore-premium/stylesheet/ie6.css" />
<script type="text/javascript" src="catalog/view/javascript/DD_belatedPNG_0.0.8a-min.js"></script>
<script type="text/javascript">
DD_belatedPNG.fix('#logo img');
</script>
<![endif]-->
<?php echo $google_analytics; ?>
<script src='catalog/view/theme/ocstore-premium/javascript/jquery/jquery.elevateZoom-2.5.5.min.js'></script>
<!-- <link href='http://fonts.googleapis.com/css?family=Open+Sans&subset=latin,cyrillic-ext' rel='stylesheet' type='text/css'> -->
</head>
<body
    <?php if (!isset($this->request->get['route']) || (isset($this->request->get['route']) && $this->request->get['route'] == 'common/home')) { ?>
id="line"
<?php } else { ?>
id="line-home"
<?php } ?>
>

<div class="menu-top">
	<div class="menu-top-content">	
	</div>
</div>
<div class="menu-top2">
	<div class="menu-top-content2">
	<div class="social">
	<img src="/catalog/view/theme/ocstore-premium/image/vk.png"><!-- <img src="/catalog/view/theme/ocstore-premium/image/facebook.png"><img src="/catalog/view/theme/ocstore-premium/image/twitter.png"> -->
	</div>
	<div class="phone">(044) 123-46-67</div>
	</div>
</div>
<div class="menu-main">
</div>
<div class="line-main">



    <div class="menu-top-content3">
    <?php if ($categories) { ?>
    <div id="menu">
      <ul>
        <?php foreach ($categories as $category) { ?>
        <li><?php if ($category['active']) { ?>
    	<a href="<?php echo $category['href']; ?>" data-thumb-id="<?php echo $category['category_id'] ?>" data-thumb="<?php echo $category['thumb']; ?>" class="active"><?php echo $category['name']; ?></a>
    	<?php } else { ?>
    	<a href="<?php echo $category['href']; ?>" data-thumb-id="<?php echo $category['category_id'] ?>" data-thumb="<?php echo $category['thumb']; ?>"><?php echo $category['name']; ?></a>
    	<?php } ?>
    
          <?php if ($category['children']) { ?>
          <div>
            <?php for ($i = 0; $i < count($category['children']);) { ?>
            <div>
              <ul>
                <?php $j = $i + ceil(count($category['children']) / $category['column']); ?>
                <?php for (; $i < $j; $i++) { ?>
                <?php if (isset($category['children'][$i])) { ?>
                <li><a href="<?php echo $category['children'][$i]['href']; ?>" data-thumb-id="<?php echo $category['category_id'] ?>" data-thumb="<?php echo $category['children'][$i]['thumb']; ?>"><?php echo $category['children'][$i]['name']; ?></a></li>
                
                
                <?php } ?>
                <?php } ?>
                 <div class="clear"></div>
              </ul>
            </div>
            <img src="<?php echo $category['thumb']; ?>" alt="" class="thumb thumb<?php echo $category['category_id']; ?>">
            <?php } ?>
          </div>
          <?php } ?>
        </li>
        <?php } ?>
      </ul> 
    </div>
    
   
    <?php } ?>
    </div>




</div>



<div class="content-n">
    <div class="content-vn">
    
    



<div id="container">
<div id="header">
  <?php if ($logo) { ?>
  <div id="logo"><a href="<?php echo $home; ?>"><img width="236" height="89" src="<?php echo $logo; ?>" title="<?php echo $name; ?>" alt="<?php echo $name; ?>" /></a></div>
  <?php } ?>
  <?php echo $currency; ?>
  <?php echo $cart; ?>
<?php echo $language; ?>
  <div id="search">
    <div class="button-search"></div>
    <input type="text" name="search" placeholder="<?php echo $text_search; ?>" value="<?php echo $search; ?>" />
  </div>
  <div id="welcome">
    <?php if (!$logged) { ?>
    <?php echo $text_welcome; ?>
    <?php } else { ?>
    <?php echo $text_logged; ?>
    <?php } ?>
  </div>
  <div class="links"><a href="<?php echo $home; ?>"><?php echo $text_home; ?></a><a href="<?php echo $wishlist; ?>" id="wishlist-total"><?php echo $text_wishlist; ?></a><a href="<?php echo $account; ?>"><?php echo $text_account; ?></a><a href="<?php echo $shopping_cart; ?>"><?php echo $text_shopping_cart; ?></a><a href="<?php echo $checkout; ?>"><?php echo $text_checkout; ?></a></div>

    <div class="clear"></div>
</div>
<div id="notification"></div>
<script>
$(document).ready(function() {
  $('#menu').on('mouseenter', 'a', function(event) {
    event.preventDefault();
    $('.thumb' + $(this).attr('data-thumb-id')).attr('src', $(this).attr('data-thumb'));
  });
});
</script> 

 

UPD: Правильно будет вот так:

<a href="<?php echo $category['href']; ?>">
  <div class="navIMG">
    <img src="img/che.png" class="n<?php echo $category['category_id']; ?>"/>
  </div>
  <div class="nameCat"><?php echo $category['name']; ?></div>
</a>
</li>

Вот что мне нужно http://savepic.net/6135740.htm

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Вот что мне нужно http://savepic.net/6135740.htm

 

Не усложняйте себе жизнь :) Выведите лучше картинке назначенную категории  :-D

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Не усложняйте себе жизнь :) Выведите лучше картинке назначенную категории  :-D

это как?

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

это как?

 

Учитывая, что Вы уже не большой специалист, дам Вам строки кода контроллера.

 

1. Назначаем переменной $image путь к кешированному изображению

$this->load->model('tool/image'); 

if ($category['image']) {
   $image = $this->model_tool_image->resize($category['image'], 80, 80);
} else {
   $image = $this->model_tool_image->resize('no_image.jpg', 80, 80);
}

Добавляем эту переменную в массив вывода категорий

'thumb'       => $image,

После чего, выводим картинку для каждой родительской категории

 

<?php echo $category['thumb']; ?>

upd: Это почти готовый код, но Вам нужно правильно разложить данную мазайку, для получения рабочего результата.

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Подниму вопрос, так и не решил проблему(

значит засунь эти понты

Я основы знаю, я проходил обучения по курсам от специалист 1/2 уровень, но как сделать не знаю.

себе в долгий ящик.

Извините меня если что, я уважаю труд программистов и время

уважал бы - оплатил бы услуги и давно забыл об этой "проблеме".

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

значит засунь эти понты

себе в долгий ящик.

уважал бы - оплатил бы услуги и давно забыл об этой "проблеме".

ok

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Для публикации сообщений создайте учётную запись или авторизуйтесь

Вы должны быть пользователем, чтобы оставить комментарий

Создать учетную запись

Зарегистрируйте новую учётную запись в нашем сообществе. Это очень просто!

Регистрация нового пользователя

Войти

Уже есть аккаунт? Войти в систему.

Войти

  • Последние посетители   0 пользователей онлайн

    Ни одного зарегистрированного пользователя не просматривает данную страницу

×

Важная информация

На нашем сайте используются файлы cookie и происходит обработка некоторых персональных данных пользователей, чтобы улучшить пользовательский интерфейс. Чтобы узнать для чего и какие персональные данные мы обрабатываем перейдите по ссылке. Если Вы нажмете «Я даю согласие», это означает, что Вы понимаете и принимаете все условия, указанные в этом Уведомлении о Конфиденциальности.