Results 1 to 6 of 6

Thread: Does Javascript code has to be loaded with html content?

  1. #1
    Join Date
    Feb 2011

    Does Javascript code has to be loaded with html content?

    Hi there,

    It seems Javascript code has to be loaded with the html content. If not, it will not work. Is this right? Can it be loaded in earilier load than the its content. Because of Ajax, a part of page can be loaded latter, but Javascript doessn't work for elements of the latter content. How is this handled?

    Is there an article discussing this issue?


  2. #2
    Join Date
    Oct 2010
    Versailles, France
    it's difficult to load a script without environment...
    But it's always possible to load dynamically a script like on this page...
    With Ajax, we throw generally a callback function with the return of the answer. See, for examples, this pages...

  3. #3
    Join Date
    Feb 2011
    Thanks, 007Julien. Your references are interesting. I am trying to use it to solve my repeat ajax call issue.

    I may need to give you some context to understand the issue:

    In the web page, there is navigation menu on left and a content panel on right. When you click on the left menu, the right content panel will change to an associated form. In the form, you use ajax to interact with server through javascript code. The javascript code is in an external file for handling all, including menu items. When content panel is changed by a click of the menu, the form submit will not work if the javascript code is not reloaded with the form. So the js code is included as part of the content panel. But the problem is when js code is reloaded twice, it triggers ajax call twice of the same action. So can the js code is removed before it calls ajax ro load a form?


  4. #4
    Join Date
    Oct 2010
    Versailles, France
    It's always possible to remove a script (see the link at the bottom of the preceding page). See too this page and the links at the bottom about ajax.

    Then it is only advisable to distinguish the main script (who has to contain all the features of menu and ajax call) of those specific which have to be separately (but together) loaded with the contents

  5. #5
    Join Date
    Feb 2011
    Thank you, 007Julien. These are good reading though. I may need divide the javascript code into several: one as the main is shared by all forms, others are just one per form. Hope this can solve the problem of multiple calls for one submit click.

    One thing I don't understand about javascript code is how the position of the javascipt code in the htmp page will affect its function. Some javascript code has to be put after html content. If it's put in the head section, it will not work. Why is this? Can you or some one gives me an explanation? To me, this is very bad implementation. Javascript should function the same no matter where and when it's put in the html page: head or bottom, before or latter, it should function well and same.


  6. #6
    Join Date
    Oct 2010
    Versailles, France
    Placing scripts in the head makes sure that any functions are loaded before the buttons, links or other things that call them are loaded...
    On the other hand, if you put your scripts at the end of the body, the document objects exist when the script is executed and you have not to insert your opening actions in a event window.onload...
    Many other considerations can enter in account, it depend finally essentially on what makes the script !
    Last edited by 007Julien; 06-15-2012 at 08:41 AM.

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
HTML5 Development Center



X vBulletin 4.2.2 Debug Information

  • Page Generation 0.09945 seconds
  • Memory Usage 2,887KB
  • Queries Executed 15 (?)
More Information
Template Usage (32):
  • (1)ad_footer_end
  • (1)ad_footer_start
  • (1)ad_global_above_footer
  • (1)ad_global_below_navbar
  • (1)ad_global_header1
  • (1)ad_global_header2
  • (1)ad_navbar_below
  • (1)ad_showthread_firstpost_sig
  • (1)ad_showthread_firstpost_start
  • (1)ad_thread_first_post_content
  • (1)ad_thread_last_post_content
  • (1)footer
  • (1)forumjump
  • (1)forumrules
  • (1)gobutton
  • (1)header
  • (1)headinclude
  • (1)headinclude_bottom
  • (6)memberaction_dropdown
  • (1)navbar
  • (4)navbar_link
  • (1)navbar_moderation
  • (1)navbar_noticebit
  • (1)navbar_tabs
  • (2)option
  • (6)postbit
  • (6)postbit_onlinestatus
  • (6)postbit_wrapper
  • (1)spacer_close
  • (1)spacer_open
  • (1)tagbit_wrapper 

Phrase Groups Available (6):
  • global
  • inlinemod
  • postbit
  • posting
  • reputationlevel
  • showthread
Included Files (26):
  • ./showthread.php
  • ./global.php
  • ./includes/class_bootstrap.php
  • ./includes/init.php
  • ./includes/class_core.php
  • ./includes/config.php
  • ./includes/functions.php
  • ./includes/functions_navigation.php
  • ./includes/class_friendly_url.php
  • ./includes/class_hook.php
  • ./includes/class_bootstrap_framework.php
  • ./vb/vb.php
  • ./vb/phrase.php
  • ./includes/functions_facebook.php
  • ./includes/functions_calendar.php
  • ./includes/functions_bigthree.php
  • ./includes/class_postbit.php
  • ./includes/class_bbcode.php
  • ./includes/functions_reputation.php
  • ./includes/functions_notice.php
  • ./packages/vbattach/attach.php
  • ./vb/types.php
  • ./vb/cache.php
  • ./vb/cache/db.php
  • ./vb/cache/observer/db.php
  • ./vb/cache/observer.php 

Hooks Called (70):
  • init_startup
  • friendlyurl_resolve_class
  • init_startup_session_setup_start
  • database_pre_fetch_array
  • database_post_fetch_array
  • init_startup_session_setup_complete
  • global_bootstrap_init_start
  • global_bootstrap_init_complete
  • cache_permissions
  • fetch_threadinfo_query
  • fetch_threadinfo
  • fetch_foruminfo
  • load_show_variables
  • load_forum_show_variables
  • global_state_check
  • global_bootstrap_complete
  • global_start
  • style_fetch
  • global_setup_complete
  • showthread_start
  • showthread_getinfo
  • strip_bbcode
  • friendlyurl_clean_fragment
  • friendlyurl_geturl
  • forumjump
  • cache_templates
  • cache_templates_process
  • template_register_var
  • template_render_output
  • fetch_template_start
  • fetch_template_complete
  • parse_templates
  • fetch_musername
  • notices_check_start
  • notices_noticebit
  • process_templates_complete
  • friendlyurl_redirect_canonical
  • showthread_post_start
  • showthread_query_postids
  • showthread_query
  • bbcode_fetch_tags
  • bbcode_create
  • showthread_postbit_create
  • postbit_factory
  • postbit_display_start
  • postbit_imicons
  • bbcode_parse_start
  • bbcode_parse_complete_precache
  • bbcode_parse_complete
  • postbit_display_complete
  • memberaction_dropdown
  • tag_fetchbit_complete
  • forumrules
  • navbits
  • navbits_complete
  • build_navigation_data
  • build_navigation_array
  • check_navigation_permission
  • process_navigation_links_start
  • process_navigation_links_complete
  • set_navigation_menu_element
  • build_navigation_menudata
  • build_navigation_listdata
  • build_navigation_list
  • set_navigation_tab_main
  • set_navigation_tab_fallback
  • navigation_tab_complete
  • fb_like_button
  • showthread_complete
  • page_templates