This site has been archived. To learn more about our current products Ibexa Content, Ibexa Experience, Ibexa Commerce head over to the Ibexa Developer Portal

eZ Community » Forums » Developer » Help with load html

Help with load html

Help with load html

Friday 25 July 2014 3:53:19 pm - 1 reply

I need help with load html file using jquery.
The idea is to load the content of a html file into a div in a tpl template full view.
But the content does not load when you click.
this is the code I use:

 <script type="text/javascript">
$(document).ready(function() {
  $('#letter-a a').click(function() {
    $('#diccionario').hide().load('a.html', function() {
    return false;

This is the div:

 <div class="letter" id="letter-a">
          <h3><a href="#">A</a></h3>

if any, other method please a code sample.

Friday 25 July 2014 4:49:18 pm

Hi Edixon,

you should try using .fadeOut instead of .hide since both use different css-attributes to let an element disapear.

On the other hand you should not chain those commands together since they will be executed immediately.
When fadeOut and fadeIn are called together, they will cause a flicker.

        var dict = $('#dictionary');
        dict.fadeOut(400, function(){
            dict.load('a.html', function(){
        return false;

This should work, had not time testing yet.


You must be logged in to post messages in this topic!

36 542 Users on board!

Forums menu

Proudly Developed with from