ML
    • Recent
    • Categories
    • Tags
    • Popular
    • Users
    • Groups
    • Register
    • Login

    Dual Content Single HTML

    IT Discussion
    5
    36
    6.7k
    Loading More Posts
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
    Reply
    • Reply as topic
    Log in to reply
    This topic has been deleted. Only users with topic management privileges can see it.
    • dafyreD
      dafyre @hobbit666
      last edited by

      @hobbit666 said:

      @dafyre Thanks will have a play with that

      No warranty express or implied. Author holds no liability for breaking your coffee machine and/or starting a zombie apocalypse.

      1 Reply Last reply Reply Quote 0
      • scottalanmillerS
        scottalanmiller @hobbit666
        last edited by

        @hobbit666 said:

        @scottalanmiller said:

        Yup, we figured that that was what you needed. JQuery is the best way to do this.

        That's what i've been looking for but all the examples i was finding showed extra CSS files and .json files etc, so i got confused lol

        Yes, because best practice is to separate things out. Just merge them into one file.

        hobbit666H 1 Reply Last reply Reply Quote 2
        • hobbit666H
          hobbit666 @scottalanmiller
          last edited by

          @scottalanmiller Thanks for the tip Scott.
          Been a VERY LONG time since i've done anything HTML so trying to get my head around structure and where everything needs to go in the single file lol

          dafyreD 1 Reply Last reply Reply Quote 0
          • dafyreD
            dafyre @hobbit666
            last edited by

            @hobbit666 said:

            @scottalanmiller Thanks for the tip Scott.
            Been a VERY LONG time since i've done anything HTML so trying to get my head around structure and where everything needs to go in the single file lol

            <!-- Comments are your friend!  -->
            //in more ways than one!
            
            /* 
            yes,
            they absolutely are!
            */
            

            Sorry... I've been doing coding a bit lately, lol.

            1 Reply Last reply Reply Quote 2
            • larsen161L
              larsen161 @hobbit666
              last edited by

              @hobbit666 said:

              Problem is i can't upload any extra files, all i can do is edit the source code of the HTML page.

              you could always use a trusty 'ol <iframe> and then use all the json, css, html files you'd like elsewhere. also <object> <embed> is a potential option.

              scottalanmillerS 1 Reply Last reply Reply Quote 0
              • scottalanmillerS
                scottalanmiller @larsen161
                last edited by

                @larsen161 said:

                @hobbit666 said:

                Problem is i can't upload any extra files, all i can do is edit the source code of the HTML page.

                you could always use a trusty 'ol <iframe> and then use all the json, css, html files you'd like elsewhere. also <object> <embed> is a potential option.

                At that point he could just modify .htaccess and bypass the whole thing. Or even change the DNS entry ๐Ÿ™‚

                1 Reply Last reply Reply Quote 0
                • C
                  Carnival Boy
                  last edited by

                  Just ditch Welsh and display everything in English. Problem solved ๐Ÿ™‚

                  1 Reply Last reply Reply Quote 2
                  • larsen161L
                    larsen161
                    last edited by

                    You don't even need j 'anything', just some simple css styling
                    You can see it live in action at: http://smrtfcs.com/lang/

                    <html>
                      <head>
                        <style type="text/css">
                          .cy > p[lang=en] {
                            display: none;
                          }
                          .en > p[lang=cy] {
                            display: none;
                          }
                        </style>
                      </head>
                      <body class="cy">
                        <button onclick="document.body.className='en'">English</button>
                        <button onclick="document.body.className='cy'">Welsh</button>
                        <p lang="en">Welcome to Aberdaron we hope you enjoy your visit.  To make your visit as convenient as possible we have provided you free access to the internet.</p>
                        <p lang="cy">Croeso i Aberdaron, rydym yn gobeithio y byddwch yn mwynhau eich ymweliad. I wneud eich ymweliad mor gyfleus รข phosibl, rydym fel cymuned wedi darparu mynediad am ddim i'r rhyngrwyd i chi.</p>
                      </body>
                    </html>
                    
                    hobbit666H 1 Reply Last reply Reply Quote 4
                    • hobbit666H
                      hobbit666 @larsen161
                      last edited by

                      @larsen161 said:

                      You don't even need j 'anything', just some simple css styling
                      You can see it live in action at: http://smrtfcs.com/lang/

                      <html>
                        <head>
                          <style type="text/css">
                            .cy > p[lang=en] {
                              display: none;
                            }
                            .en > p[lang=cy] {
                              display: none;
                            }
                          </style>
                        </head>
                        <body class="cy">
                          <button onclick="document.body.className='en'">English</button>
                          <button onclick="document.body.className='cy'">Welsh</button>
                          <p lang="en">Welcome to Aberdaron we hope you enjoy your visit.  To make your visit as convenient as possible we have provided you free access to the internet.</p>
                          <p lang="cy">Croeso i Aberdaron, rydym yn gobeithio y byddwch yn mwynhau eich ymweliad. I wneud eich ymweliad mor gyfleus รข phosibl, rydym fel cymuned wedi darparu mynediad am ddim i'r rhyngrwyd i chi.</p>
                        </body>
                      </html>
                      

                      I love you ๐Ÿ˜„

                      hobbit666H 1 Reply Last reply Reply Quote 1
                      • hobbit666H
                        hobbit666 @hobbit666
                        last edited by

                        New problem.

                        That code works but as soon as a wrap it inside a DIV it stops. ๐Ÿ˜ž (why did I say yes to looking at this lol)

                        dafyreD larsen161L 2 Replies Last reply Reply Quote 0
                        • dafyreD
                          dafyre @hobbit666
                          last edited by

                          @hobbit666 said:

                          New problem.

                          That code works but as soon as a wrap it inside a DIV it stops. ๐Ÿ˜ž (why did I say yes to looking at this lol)

                          If you are using @larsen161 's code, , you should put the <div> tag after body, and </div> tag before </body>, I think?

                          1 Reply Last reply Reply Quote 1
                          • larsen161L
                            larsen161 @hobbit666
                            last edited by

                            @hobbit666 can you share the actual site url and we can take a look at the full code?

                            hobbit666H 1 Reply Last reply Reply Quote 1
                            • hobbit666H
                              hobbit666 @larsen161
                              last edited by

                              @larsen161 Can't as it's part of a WiFi portal, but just about to start from scratch and will post if i need help once i've got it in my head lol

                              1 Reply Last reply Reply Quote 0
                              • 1
                              • 2
                              • 2 / 2
                              • First post
                                Last post