Sorry about the delay.
The first one works fine, but only works for the first and the second.
The code I used is:
*index.html*
*
*
<div id="carousel-example-generic" class="carousel slide">
<ol class="carousel-indicators">
<li data-target="#carousel-example-captions" data-slide-to="0"
class="active"></li>
<li data-target="#carousel-example-captions" data-slide-to="1"></li>
<li data-target="#carousel-example-captions" data-slide-to="2"></li>
</ol>
<div class="carousel-inner">
{{for index, post in enumerate(news):}}
{{if index==0:}}
<div class="active item"><img
src="{{=URL('static','images/carousel/%s' %(post.image))}}" alt="banner1"
/>
<h3>{{=post.title}}</h3>
<p class="text-center">{{=post.post}}</p>
<p class="text-right">{{=post.created_on}}</p>
</div>
{{pass}}
{{else:}}
<div class="item"><img
src="{{=URL('static','images/carousel/%s' %(post.image))}}" alt="banner2"
/>
<h3>{{=post.title}}</h3>
<p class="text-center">{{=post.post}}</p>
<p class="text-right">{{=post.created_on}}</p>
</div>
{{pass}}
{{pass}}
</div>
<a class="glyphicon glyphicon-chevron-left"
href="#carousel-example-generic" data-slide="prev">‹</a>
<a class="glyphicon glyphicon-chevron-right"
href="#carousel-example-generic" data-slide="next">›</a>
</div>
</div>
What could it be?
Quarta-feira, 7 de Agosto de 2013 20:56:17 UTC+1, Roberto Perdomo escreveu:
>
> you forgot the ":" on the else and pass on the if. index var not exist,
> was my example, you need get the index of the iteration, may be with
> news.index(post) or using enumerate. Try this two example:
>
> <div id="carousel-example-generic" class="carousel slide">
> <ol class="carousel-indicators">
> <li data-target="#carousel-example-captions" data-slide-to="0"
> class="active"></li>
> <li data-target="#carousel-example-captions"
> data-slide-to="1"></li>
> <li data-target="#carousel-example-captions"
> data-slide-to="2"></li>
> </ol>
> <div class="carousel-inner">
> {{for index, post in enumerate(news):}}
> {{if index==0:}}
> <div class="active item"><img
> src="{{=URL('static','images/carousel/%s' %(post.image))}}" alt="banner1" />
> <h3>{{=post.title}}</h3>
> <p class="text-center">{{=post.post}}</p>
> <p class="text-right">{{=post.created_on}}</p>
> </div>
> {{pass}}
> {{else:}}
> <div class="item"><img
> src="{{=URL('static','images/carousel/%s' %(post.image))}}" alt="banner2"
> /></div>
> {{pass}}
> {{pass}}
> </div>
> <a class="cglyphicon glyphicon-chevron-left"
> href="#carousel-example-generic" data-slide="prev">‹</a>
> <a class="glyphicon glyphicon-chevron-right"
> href="#carousel-example-generic" data-slide="next">›</a>
> </div>
> </div>
>
> or:
>
> <div id="carousel-example-generic" class="carousel slide">
> <ol class="carousel-indicators">
> <li data-target="#carousel-example-captions" data-slide-to="0"
> class="active"></li>
> <li data-target="#carousel-example-captions"
> data-slide-to="1"></li>
> <li data-target="#carousel-example-captions"
> data-slide-to="2"></li>
> </ol>
> <div class="carousel-inner">
> {{for post in news:}}
> {{if news.index(post)==0:}}
> <div class="active item"><img
> src="{{=URL('static','images/carousel/%s' %(post.image))}}" alt="banner1" />
> <h3>{{=post.title}}</h3>
> <p class="text-center">{{=post.post}}</p>
> <p class="text-right">{{=post.created_on}}</p>
> </div>
> {{pass}}
> {{else:}}
> <div class="item"><img
> src="{{=URL('static','images/carousel/%s' %(post.image))}}" alt="banner2"
> /></div>
> {{pass}}
> {{pass}}
> </div>
> <a class="cglyphicon glyphicon-chevron-left"
> href="#carousel-example-generic" data-slide="prev">‹</a>
> <a class="glyphicon glyphicon-chevron-right"
> href="#carousel-example-generic" data-slide="next">›</a>
> </div>
> </div>
>
> Is an example, this was not tested
>
>
> 2013/8/7 Hugo Costa <[email protected] <javascript:>>
>
>> Hey Roberto!
>>
>> So, I've used your code and this turned out:
>>
>> *index.html*
>> *
>> *
>> <div id="carousel-example-generic" class="carousel slide">
>>
>> <ol class="carousel-indicators">
>> <li data-target="#carousel-example-captions" data-slide-to="0"
>> class="active"></li>
>> <li data-target="#carousel-example-captions"
>> data-slide-to="1"></li>
>> <li data-target="#carousel-example-captions"
>> data-slide-to="2"></li>
>> </ol>
>> <div class="carousel-inner">
>> {{for post in news:}}
>> {{if index==0:}}
>> <div class="active item"><img
>> src="{{=URL('static','images/carousel/%s' %(post.image))}}" alt="banner1"
>> />
>> <h3>{{=post.title}}</h3>
>> <p class="text-center">{{=post.post}}</p>
>> <p class="text-right">{{=post.created_on}}</p>
>> </div>
>> {{else}}
>> <div class="item"><img
>> src="{{=URL('static','images/carousel/%s' %(post.image))}}" alt="banner2"
>> /></div>
>> {{pass}}
>> {{pass}}
>> </div>
>> <a class="cglyphicon glyphicon-chevron-left"
>> href="#carousel-example-generic" data-slide="prev">‹</a>
>> <a class="glyphicon glyphicon-chevron-right"
>> href="#carousel-example-generic" data-slide="next">›</a>
>> </div>
>> </div>
>>
>>
>> I don't understand why, but I'm getting this error:
>>
>> <type 'exceptions.SyntaxError'> invalid syntax (index.html, line 70)
>>
>> What could it be?
>>
>> Quarta-feira, 7 de Agosto de 2013 18:37:54 UTC+1, Roberto Perdomo
>> escreveu:
>>>
>>> Hi Hugo, I dont know bootstrap carousel, but in the view you are iterating
>>> many times the main div "carousel-example-generic".
>>>
>>> In your case you need iterate only the dinamic content of the carousel,
>>> and the carousel content are divs.
>>>
>>> See this example with my comments:
>>>
>>> <div id="myCarousel" class="carousel slide">
>>> <ol class="carousel-indicators">
>>> <!-- If you have 3 fixed items, you can leave this-->
>>> <li data-target="#myCarousel" data-slide-to="0"
>>> class="active"></li>
>>> <li data-target="#myCarousel" data-slide-to="1"></li>
>>> <li data-target="#myCarousel" data-slide-to="2"></li>
>>> </ol>
>>> <!-- Carousel items -->
>>> <div class="carousel-inner">
>>> <!-- Here is where you will perform the iteration of your three
>>> elements {{for post in news:}} -->
>>> <!-- if index == 0 output this line -->
>>> <div class="active item"><img src="your dinamic content for
>>> active element" alt="banner1" /></div>
>>> <!-- else output this -->
>>> <div class="item"><img src="your dinamic content" alt="banner2"
>>> /></div>
>>> <!-- end if else -->
>>> <!-- end iteration -->
>>> </div>
>>> <!-- Carousel nav -->
>>> <a class="carousel-control left" href="#myCarousel"
>>> data-slide="prev">‹</a>
>>> <a class="carousel-control right" href="#myCarousel"
>>> data-slide="next">›</a>
>>> </div>
>>>
>>> hope I've helped with this example.
>>>
>>>
>>> 2013/8/7 Hugo Costa <[email protected]>
>>>
>>>> Hello!
>>>>
>>>> I'm doing a website where I have a carousel in which should be the 3
>>>> latest news, going to search for Title, Content and Date to the database
>>>> but isn't working like I wanted.
>>>>
>>>> The code:
>>>>
>>>> *default.py*
>>>>
>>>> def index():
>>>> """
>>>> example action using the internationalization operator T and flash
>>>> rendered by views/default/index.html or views/generic.html
>>>>
>>>> if you need a simple wiki simple replace the two lines below with:
>>>> return auth.wiki()
>>>> """
>>>> if auth.user:
>>>> response.flash = T('Welcome %s %s' % (auth.user.first_name,
>>>> auth.user.last_name))
>>>> else:
>>>> response.flash = T('Welcome Visitor')
>>>> news = db(db.posts).select(orderby=~d**b.posts.id<http://db.posts.id>,
>>>> limitby=(0, 3))
>>>> return dict(news=news)
>>>>
>>>> *index.html*
>>>> *
>>>> *
>>>> {{for post in news:}}
>>>> <div id="carousel-example-generic" class="carousel slide">
>>>> <ol class="carousel-indicators">
>>>> <li data-target="#carousel-**example-captions"
>>>> data-slide-to="0" class=""></li>
>>>> <li data-target="#carousel-**example-captions"
>>>> data-slide-to="1" class=""></li>
>>>> <li data-target="#carousel-**example-captions"
>>>> data-slide-to="2" class=""></li>
>>>> </ol>
>>>>
>>>> <div class="carousel-inner">
>>>> <div class="item active">
>>>> <img data-src="holder.js/900x500/**auto/#777:#777"
>>>> alt="900x500" src="http://payload.**cargocollective.com/1/0/221/**
>>>> 2318/08-Poster-2_900.jpg<http://payload.cargocollective.com/1/0/221/2318/08-Poster-2_900.jpg>
>>>> ">
>>>> <div class="carousel-caption">
>>>> <h3><a href="{{=URL(a='hugo', c='default', f='show',
>>>> args=[post.id])}}" title="{{=post.title}}">{{=**post.title}}</h3>
>>>> <p class="text-center">{{=XML(**
>>>> markdown(post.post))}}</p>
>>>> <p class="text-right">{{=post.**created_on}}</p>
>>>> </div>
>>>> </div>
>>>>
>>>> </div>
>>>>
>>>> <!-- Controls -->
>>>> <a class="left carousel-control" href="#carousel-example-**generic"
>>>> data-slide="prev">
>>>> <span class="glyphicon glyphicon-chevron-left"></**span>
>>>> </a>
>>>> <a class="right carousel-control" href="#carousel-example-**generic"
>>>> data-slide="next">
>>>> <span class="glyphicon glyphicon-chevron-right"></**span>
>>>> </a>
>>>> </div>
>>>> {{pass}}
>>>>
>>>> If you guys could give me a hand on this I'd apreciate it :)
>>>>
>>>> Thanks,
>>>>
>>>> Hugo
>>>>
>>>> --
>>>>
>>>> ---
>>>> You received this message because you are subscribed to the Google
>>>> Groups "web2py-users" group.
>>>> To unsubscribe from this group and stop receiving emails from it, send
>>>> an email to web2py+un...@**googlegroups.com.
>>>>
>>>> For more options, visit
>>>> https://groups.google.com/**groups/opt_out<https://groups.google.com/groups/opt_out>
>>>> .
>>>>
>>>>
>>>>
>>>
>>> --
>>
>> ---
>> You received this message because you are subscribed to the Google Groups
>> "web2py-users" group.
>> To unsubscribe from this group and stop receiving emails from it, send an
>> email to [email protected] <javascript:>.
>> For more options, visit https://groups.google.com/groups/opt_out.
>>
>>
>>
>
>
--
---
You received this message because you are subscribed to the Google Groups
"web2py-users" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to [email protected].
For more options, visit https://groups.google.com/groups/opt_out.
