You sir, made my day.
Thanks a lot Roberto! :)
Quinta-feira, 8 de Agosto de 2013 20:33:45 UTC+1, Roberto Perdomo escreveu:
>
> The {{pass}} of the if is not needed :-S
>
>
> 2013/8/8 Hugo Costa <[email protected] <javascript:>>
>
>> Yeah, I have. 3 is the magic number :)
>>
>> I did not understand this question.
>>
>> The third is missing
>>
>> <div class="carousel-inner">
>>
>>
>>
>> <div class="active item"><img
>> src="/diogo/static/images/carousel/carousel3.jpg" alt="banner1">
>> <h3>Azeite Vinaldo</h3>
>> <p class="text-center">Guache sobre Tela, 75x30 cm.</p>
>> <p class="text-right">2013-08-07 18:03:38.774240</p>
>> </div>
>> <div class="item"><img
>> src="/diogo/static/images/carousel/carousel1.jpg" alt="banner2">
>> <h3>Bezegaio Frito</h3>
>> <p class="text-center">Acrilico sobre Tela, 45x40
>> cm</p>
>> <p class="text-right">2013-08-07 17:52:27.399172</p>
>> </div>
>>
>>
>> </div>
>>
>> The code in the source in browser.
>>
>> Quinta-feira, 8 de Agosto de 2013 19:43:36 UTC+1, Roberto Perdomo
>> escreveu:
>>>
>>> Good news!
>>>
>>> You really have three post?
>>> Can you print the three posts in a .html without carousel?
>>> You have checked the source of your index.html (in the browser) and
>>> search the three div inside "carousel-inner"?
>>>
>>>
>>> 2013/8/8 Hugo Costa <[email protected]>
>>>
>>> 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/
>>>>> **c**arousel/%s' %(post.image))}}" alt="banner1" />
>>>>> <h3>{{=post.title}}</h3>
>>>>> <p class="text-center">{{=post.**po**st}}</p>
>>>>> <p class="text-right">{{=post.**cre**ated_on}}</p>
>>>>> </div>
>>>>> {{pass}}
>>>>> {{else:}}
>>>>> <div class="item"><img
>>>>> src="{{=URL('static','images/**c**arousel/%s'
>>>>> %(post.image))}}" alt="banner2" /></div>
>>>>> {{pass}}
>>>>> {{pass}}
>>>>> </div>
>>>>> <a class="cglyphicon glyphicon-chevron-left"
>>>>> href="#carousel-example-**generi**c" data-slide="prev">‹</a>
>>>>> <a class="glyphicon glyphicon-chevron-right"
>>>>> href="#carousel-example-**generi**c" 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/
>>>>> **c**arousel/%s' %(post.image))}}" alt="banner1" />
>>>>> <h3>{{=post.title}}</h3>
>>>>> <p class="text-center">{{=post.**po**st}}</p>
>>>>> <p class="text-right">{{=post.**cre**ated_on}}</p>
>>>>> </div>
>>>>> {{pass}}
>>>>> {{else:}}
>>>>> <div class="item"><img
>>>>> src="{{=URL('static','images/**c**arousel/%s'
>>>>> %(post.image))}}" alt="banner2" /></div>
>>>>> {{pass}}
>>>>> {{pass}}
>>>>> </div>
>>>>> <a class="cglyphicon glyphicon-chevron-left"
>>>>> href="#carousel-example-**generi**c" data-slide="prev">‹</a>
>>>>> <a class="glyphicon glyphicon-chevron-right"
>>>>> href="#carousel-example-**generi**c" data-slide="next">›</a>
>>>>> </div>
>>>>> </div>
>>>>>
>>>>> Is an example, this was not tested
>>>>>
>>>>>
>>>>> 2013/8/7 Hugo Costa <[email protected]>
>>>>>
>>>>> 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.**po**st}}</p>
>>>>>> <p class="text-right">{{=post.**cre**ated_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-**generi**c" data-slide="prev">‹</a>
>>>>>> <a class="glyphicon glyphicon-chevron-right"
>>>>>> href="#carousel-example-**generi**c" 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/**au****to/#777:#777"
>>>>>>>> alt="900x500" src="http://payload.**cargocolle****
>>>>>>>> ctive.com/1/0/221/**2318/08-**Post**er-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}}">{{=**pos****
>>>>>>>> t.title}}</h3>
>>>>>>>> <p class="text-center">{{=XML(**mar****
>>>>>>>> kdown(post.post))}}</p>
>>>>>>>> <p class="text-right">{{=post.**cre****ated_on}}</p>
>>>>>>>> </div>
>>>>>>>> </div>
>>>>>>>>
>>>>>>>> </div>
>>>>>>>>
>>>>>>>> <!-- Controls -->
>>>>>>>> <a class="left carousel-control" href="#carousel-example-**generi
>>>>>>>> ****c" data-slide="prev">
>>>>>>>> <span class="glyphicon glyphicon-chevron-left"></**span****>
>>>>>>>> </a>
>>>>>>>> <a class="right carousel-control" href="#carousel-example-**
>>>>>>>> generi****c" data-slide="next">
>>>>>>>> <span class="glyphicon glyphicon-chevron-right"></**spa****n>
>>>>>>>> </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/**grou****
>>>>>>>> ps/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 web2py+un...@**googlegroups.com.
>>>>>> For more options, visit
>>>>>> https://groups.google.com/**grou**ps/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 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.
