Public Forums 71,145 posts

[robbluther Friend robblutherJoin date: November 2010Posts: 10Downloads:0Uploads:1]

#172216

I have what I think to be a simple question however I’m having the hardest time figuring it out.

I have Joomla 1.7 with the new JA Purity II template and i’m trying to add an ID to a div in the header main div.

I need the source code to change from this

<div id=”ja-header” class=”wrap “> * * * *
* * * * * * * * * *<div class=”main”>

to

<div id=”ja-header” class=”wrap “> * * * *
* * * * * * * * * *<div class=”main” id=random”>

I have not found anywhere in the template or the framework where I can add the ID tag. Can someone point me in the right direction?

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#431488

Whay kind of “ID Tag” are you wanting – a meta tag?, a tool-tip?

[robbluther Friend robblutherJoin date: November 2010Posts: 10Downloads:0Uploads:1]

#431506

I guess I should have said div ID element. I need the div in the header to have id along with the class. example <div class=”main” id=random”> The javascript i’m using needs an id to control that unique element; which in this case is just a div.

[n6rej Friend n6rejJoin date: November 2006Posts: 1040Downloads:0Uploads:63 Thanks: 79 Thanked: 145 times in 90 posts]

#431524

can you use a class suffix to create the unique id you need? The way your doing It I don’t think it will work because of the purpose of the main class. I’d either add a sub div or probably best just use a suffix. I could be wrong but this is what I would do.

[robbluther Friend robblutherJoin date: November 2010Posts: 10Downloads:0Uploads:1]

#431585

The problem I am having is I do not know what to change to create the ID or make a class suffix. Its not a module its part of the main template I think. I guess I can try to explain what Im doing.

I’m trying to get the background image of the Div with class Main to rotate not just random on page load. I created such the effect using javascript. The javascript change with transition animation. So my goal is to make the class unique or create an ID on that div so the javascript knows what div to work with. My problem is I have no clue where that html is generated in the template or framework.

<div id=”ja-header” class=”wrap “>
<div class=”main”>
<div class=”main-inner1 clearfix”>
<h1 class=”logo”><a href=”/index.php” title=”CDI”><span>CDI</span></a></h1>
</div>
</div>
</div>

[n6rej Friend n6rejJoin date: November 2006Posts: 1040Downloads:0Uploads:63 Thanks: 79 Thanked: 145 times in 90 posts]

#431688

I would probably make a custom block in that case, assign it where you want it, give it the module name you want and then you can edit the code of that block to your hearts content. you can use any of the blocks as an example of what is needed… the wiki will show you how to do this also.
then put your custom code in this block, add it to layout, and you should be good to go.

[Author]

Posts