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

    Dual Content Single HTML

    Scheduled Pinned Locked Moved IT Discussion
    36 Posts 5 Posters 7.1k Views
    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:

      @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

      You can do CSS in the file as well if you really need to... just wrap it in <style> and </style> ...

      1 Reply Last reply Reply Quote 1
      • 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