Перейти до вмісту
Пошук в
  • Детальніше...
Шукати результати, які ...
Шукати результати в ...

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

vasyok28
 Share

Recommended Posts

vasyok28 Apprentice

vasyok28

Опубліковано:
Опубліковано:

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

Надіслати
Поділитися на інших сайтах

vasyok28 Apprentice

vasyok28

Опубліковано:
  • Автор
Опубліковано:

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

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

Надіслати
Поділитися на інших сайтах

vasyok28 Apprentice

vasyok28

Опубліковано:
  • Автор
Опубліковано: 
<?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"/>

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

Надіслати
Поділитися на інших сайтах

vasyok28 Apprentice

vasyok28

Опубліковано:
  • Автор
Опубліковано:

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

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

Надіслати
Поділитися на інших сайтах

vasyok28 Apprentice

vasyok28

Опубліковано:
  • Автор
Опубліковано: 
<?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>
Надіслати
Поділитися на інших сайтах

halfhope Veteran

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>
Змінено користувачем halfhope
Надіслати
Поділитися на інших сайтах
1
1
1

vasyok28 Apprentice

vasyok28

Опубліковано:
  • Автор
Опубліковано:

 

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

Надіслати
Поділитися на інших сайтах

afwollis Grand Master

afwollis

Опубліковано:
Опубліковано:

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

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

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

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

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

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

Надіслати
Поділитися на інших сайтах
1

Створіть аккаунт або увійдіть для коментування

Ви повинні бути користувачем, щоб залишити коментар

Створити обліковий запис

Зареєструйтеся для отримання облікового запису. Це просто!

Зареєструвати аккаунт

Вхід

Уже зареєстровані? Увійдіть тут.

Вхід зараз
 Share
Перейти до списку тем

  • Зараз на сторінці   0 користувачів

    • Ні користувачів, які переглядиють цю сторінку

Покупцям

Розробникам

Корисна інформація

Останні розширення

×
×
  • Створити...

Important Information

На нашому сайті використовуються файли cookie і відбувається обробка деяких персональних даних користувачів, щоб поліпшити користувальницький інтерфейс. Щоб дізнатися для чого і які персональні дані ми обробляємо перейдіть за посиланням . Якщо Ви натиснете «Я даю згоду», це означає, що Ви розумієте і приймаєте всі умови, зазначені в цьому Повідомленні про конфіденційність.

  Я даю згоду