3

Html and CSS and Noob
hey guys
trying to do something, search my ass off and can't find it.
So, I have a e page to access tables (another html file)
you can check It at rjpf.ddns.net .
I have a menu, with links to a iFrame, but that is not a good solution for cellphones.
I want to click the button and insert the html inside the main Div , instead of using frames.

how can I do that ?
so>
click the link(CSS button),
opens another page in the div
when I click another button opens another html file in the same DIV
tht way instead of a frame that is had to scroll It would be a single page, easy to paged own in cellphones.

Have another question but this oné must be taken care of first.

Thanks in adance

Comments
  • 2
  • 2
    @Froot Iv'e searched for a while, with different terms and can't find the anser... I know It can be done because I saw it before in a toturial or article.

    @Alice does jQuery require a active server? I must be able to use the page offline, to provide as a webapp to my colleges. Actualy found some solutions for jQuery and on the most promissing a server was required...
  • 2
    @Froot Btw that kind of anser is what I expect in stackoverflow (that's why I don't ask anything else there, only search for possible solutions already posted), not in devRant
  • 2
    WOW jquery is only 85kbs of size?
    Well guess its time to refresh my JS and learn a new framework....
    thanks @Alice
  • 0
    You can use Ajax to load the file and vanilla Javascript to replace the contents of a DIV with it.

    Same thing is more easily achieved with jQuery and/or ES6
  • 1
    @m0j0nz0r Whats ES6?
    I already Picked JQuery to study and I barely have time... but by what I saw I might have to implement Ajax also...
    Wish It could be done in pure html + CSS... By now that should be simple... Like resizing with CSS...
    Now I understand the cryouts of CSS... I can have my webpage look good on mobile or PC, not both...
    The current site is a comprimisse, but It's not what I wanted... Only option to look good both ways.
    I really wanted the menu on the left, and on mobile would go on top...
  • 1
    Well... I didnt even go into Frameworks yet... Because I work 10+ a day, have a burn out cause of Work, but I can't stop....
    Well I'm not getting ES6... what does it do exactly?
    Is to store data?
    I'm not getting even half the designations on http://es6-features.org
    I'm getting old lol
  • 0
    Es6 is basically the 2015 specification for JS. It basically an improved version. But I see that I'm throwing you into the deep end.

    Just use bootstrap for your layout needs and jQuery for this specific issue.
  • 0
    My suggestion is to use bootstrap n jquery (download the files so that u dont need server). If u r familiar with HTML, CSS, n JS you should be able to grasp it in no time.

    Bootstrap can help u to have responsive design (fluid) n jquery besides as a support of bootstrap, it will help u to get ur this done.
    Cheers
  • 1
    Update:
    Well jQuery is funny and kwell... and bugged...
    Press F5, ok it's everything ok
    Press F5 again, It's perfect, dont touch it
    Press F5 again... and the Menu goes from the left to the right and footer goes to the top ... FUCKKKKK
  • 1
    Anyhow, I will try boostrap nextweek, using w3.css for the responsive part (It works, but now Iframes fuck everything on the fone, looks ugly, not funcional)
    needed jQuery for that... not going well :p
    Next weekend...
Add Comment