1. We have moved from vBulletin to XenForo and you are viewing the site in the middle of the move. Though the functional aspect of everything is working fine, we are still working on other changes including the new design on Xenforo.
    Dismiss Notice

Problems to open HTML into a DIV

Discussion in 'JavaScript and AJAX' started by guif, Jul 25, 2008.

  1. guif

    guif New Member

  2. XXxxImmortalxxXX

    XXxxImmortalxxXX New Member

    i really dont know what your asking but i found this go to the /_index.html site

    and look at the source code u see this

    **********************************CODE*************************************
    Code:
    div id="sub-panel"><a href="#" id="toggle2"><span>Información</span></a></div>
    
    **********************************END**************************************
    your # is linking to anything within the site

    for example

    Code:
    <A HREF="anameexample.html#test">test</A>
    
    maybe you should have the webpage name then add the # to it


    dunno if it helps but yea im sry i couldnt provide more information
     
    Last edited by a moderator: Jul 27, 2008
  3. shabbir

    shabbir Administrator Staff Member

    Just use the innerHTML to put anything into Div.
     
  4. faizulhaque

    faizulhaque New Member

    Help About InnerHTML
    Code:
    http://www.tizag.com/javascriptT/javascript-innerHTML.php
    
     
  5. guif

    guif New Member

    why is not possible use:
    Code:
    <a href="javascript:ajaxpage('webs/hola.html', 'section2');">Simplesection</a> 
    ?????

    If I put
    Code:
    <A HREF="anameexample.html#test">test</A>
    the page is open in a new windows but not into my DIV....
     
  6. guif

    guif New Member

    here is the code of javascript that i use to open a link into a DIV:

    Code:
    var loadedobjects=""
    var rootdomain="http://"+window.location.hostname
    
    function ajaxpage(url, containerid){
    var page_request = false
    if (window.XMLHttpRequest) // if Mozilla, Safari etc
    page_request = new XMLHttpRequest()
    else if (window.ActiveXObject){ // if IE
    try {
    page_request = new ActiveXObject("Msxml2.XMLHTTP")
    } 
    catch (e){
    try{
    page_request = new ActiveXObject("Microsoft.XMLHTTP")
    }
    catch (e){}
    }
    }
    else
    return false
    page_request.onreadystatechange=function(){
    loadpage(page_request, containerid)
    }
    page_request.open('GET', url, true)
    page_request.send(null)
    }
    
    function loadpage(page_request, containerid){
    if (page_request.readyState == 4 && (page_request.status==200 || window.location.href.indexOf("http")==-1))
    document.getElementById(containerid).innerHTML=page_request.responseText
    }
    
    function loadobjs(){
    if (!document.getElementById)
    return
    for (i=0; i<arguments.length; i++){
    var file=arguments[i]
    var fileref=""
    if (loadedobjects.indexOf(file)==-1){ //Check to see if this object has not already been added to page before proceeding
    if (file.indexOf(".js")!=-1){ //If object is a js file
    fileref=document.createElement('script')
    fileref.setAttribute("type","text/javascript");
    fileref.setAttribute("src", file);
    }
    else if (file.indexOf(".css")!=-1){ //If object is a css file
    fileref=document.createElement("link")
    fileref.setAttribute("rel", "stylesheet");
    fileref.setAttribute("type", "text/css");
    fileref.setAttribute("href", file);
    }
    }
    if (fileref!=""){
    document.getElementsByTagName("head").item(0).appendChild(fileref)
    loadedobjects+=file+" " //Remember this object as being already added to page
    }
    }
    }
    The html is open, but not's running the css and the javascripts of my differents htmls...
     
  7. guif

    guif New Member

    anybody help me please?
     
  8. BrentAston

    BrentAston New Member

    Hi:crazy:

    i really dont know what your asking but i found this go it will very nice and thank u...:p
     
  9. shabbir

    shabbir Administrator Staff Member

    BrentAston, Please confine links to signatures only and do not include them into posts.
     
  10. skp819

    skp819 New Member

    what you want to say. if you want to know about <div> tag then you can see detail and use of <div> tag in w3schools.com.
     
    shabbir likes this.
  11. akshits

    akshits New Member

    Hello,

    I don't understand what you want but still follow the steps below:-

    1> Download Prototype JS to simplify your AJAX Requests
    2> Include the file in such a way like:-

    Code:
    <script src="prototype.js"></script>
    3> Then type the following:-

    Code:
    <script>
    
    function doAjax()
    {
     new Ajax.Request("page.php",
      {method:"POST/GET", parameters:{xyz:"abc"},
       onSuccess : function(trans) { $("divID").innerHTML = trans.responseText; },
       onFailure : function() { /* Follow failure code */ },
       on404 : function() { /* File doesn't exist !! */ },
       on408 : function() { /* Request time out */ doAjax(); },
       onException : function() { /* Exception thrown */ }});
    }
    
    </script>
    
     

Share This Page