Jump to content
Sign in to follow this  
vasyok28

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

Recommended Posts

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

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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

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

Share this post


Link to post
Share on other sites

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

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

Share this post


Link to post
Share on other sites
<?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"/>

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

Share this post


Link to post
Share on other sites

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

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

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites


<?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++;?>"/>

Share this post


Link to post
Share on other sites
<?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>

Share this post


Link to post
Share on other sites

Посмотрите меню на сайте 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>
Edited by halfhope

Share this post


Link to post
Share on other sites

 

Посмотрите меню на сайте 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

Share this post


Link to post
Share on other sites

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

 

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

Share this post


Link to post
Share on other sites

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

это как?

Share this post


Link to post
Share on other sites

это как?

 

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

 

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: Это почти готовый код, но Вам нужно правильно разложить данную мазайку, для получения рабочего результата.

Share this post


Link to post
Share on other sites

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

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

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

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

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

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

Share this post


Link to post
Share on other sites

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

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

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

ok

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
You are posting as a guest. If you have an account, please sign in.
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Sign in to follow this  

  • Recently Browsing   0 members

    No registered users viewing this page.

×

Important Information

On our site, cookies are used and personal data is processed to improve the user interface. To find out what and what personal data we are processing, please go to the link. If you click "I agree," it means that you understand and accept all the conditions specified in this Privacy Notice.