Jquery арқылы бір бетке шарлау

Менде екі html парағы бар. Біреуі Login.html , екіншісі index.html болып табылады. Пайдаланушы кіру батырмасын басқан кезде index.html (бірақ қалыпты href сілтемесі ретінде емес) шарлағым келеді.

Индекс беті кіру.html кодтарының ішінде болуы керек .. Оның бір бетті шарлауы сияқты.

Бірдей плагин бар ма?

Мен мұны істедім

<script type="text/javascript">

            function hideDiv() {
      document.getElementById("container").style.display = 'none';    
    }  

    function showDiv() {
   document.getElementById('container').style.display = "block";
}


        </script>

HTML парағы

            <div class="masthead">
                

            </div>

            <div id="loginformcontainer">

                <form>
                    
                    
                    <div class="buttons1">
                        <button type="submit" id="submit" value="Login" class="btn" onclick="showDiv()">
                            Submit
                        </button>
                        <button type="reset"  id="reset" value="Reset"  class="btn">
                            Clear All
                        </button>
                    </div>
                    <div>




<div id="container">

//index.HTML парағы

</div>
</body>
</html>

It shows the login page on load but, When I click the button it shows the container div only for a second.. What should I do here?

1
Сұрақ өте жақсы емес. Сіз не істедік? Кейбір кодты көре аламыз ба? Баламасы login.html-ні барлық түзетулермен және мазмұнды index.html-ден логинді сәтті қолданған кезде ajax-дан жүктеуге болады.
қосылды автор OptimusCrime, көзі
Сұрақ өте жақсы емес. Сіз не істедік? Кейбір кодты көре аламыз ба? Баламасы login.html-ні барлық түзетулермен және мазмұнды index.html-ден логинді сәтті қолданған кезде ajax-дан жүктеуге болады.
қосылды автор OptimusCrime, көзі
? Оның бетіндегі кілт сөзді шарлау. ?
қосылды автор yeyene, көзі
? Оның бетіндегі кілт сөзді шарлау. ?
қосылды автор yeyene, көзі
onclick = «location.href ('index.html')» осыған ұқсас нәрсе?
қосылды автор Jai, көзі
onclick = «location.href ('index.html')» осыған ұқсас нәрсе?
қосылды автор Jai, көзі
бұл шатастырады .. неге керек?
қосылды автор bipen, көзі
localhost/foldername .... бұл url дефолтпен браузері index.html сапасын жақсартады u try this u dont login.html қажет
қосылды автор tamilmani, көзі
localhost/foldername .... бұл url дефолтпен браузері index.html сапасын жақсартады u try this u dont login.html қажет
қосылды автор tamilmani, көзі

6 жауаптар

Сіз AJAX және кейбір Javascript-ді архивтеу үшін пайдалана аласыз.

Мысалы, келесідей нәрсе бар:

HTML:

<div id = "index">
    <input type="button" id="loginButton" value="login">

    <div id="login" style="display: none;">
         Welcome to the site.
    </div>
</div>

JAVASCRIPT (JQUERY):

$('#loginButton').click(function() {
    $.post('login.php', function(data) {//HERE YOU LOGIN
       $('#login').show();
    });
);
1
қосылды
Пожалуйста, тексерілген сұрақты тексеріңіз bro!
қосылды автор Ash, көзі
@Ash Сіз input type = «submit» пайдаланасыз. Пішініңізді беттің қайта жүктелуін жібергенде, ол DIV жасырылған бірінші кезеңге оралады. Сондықтан сіз оны AJAX пайдалануыңыз керек, сондықтан сіз бетті қайта жүктемесеңіз немесе қайта жүктесеңіз, онда қайтарылған айнымалы мәндерді серверден көрсету немесе жасыру туралы білу үшін серверден пайдалануыңыз керек.
қосылды автор maqjav, көзі

Try to use load()

сияқты,

$('body').load('index.html', function() {
   alert('Load was performed.');
});
0
қосылды

Try to use load()

сияқты,

$('body').load('index.html', function() {
   alert('Load was performed.');
});
0
қосылды

СПА-ға (бір парақ қосымшасы)

Check out this SO question: compiling HTML fragments for Single Page Application (SPA)?

you can take a look at http://requirejs.org/ and http://durandaljs.com/

or use john papa's hot towel http://www.johnpapa.net/hottowel/

Ыстық сүлгімен: Себебі Сіз SPA-ға бармайсыз!

0
қосылды

Оған AJAX функциясын пайдалану арқылы қол жеткізуге болады. Егер сіз өзіңіздің мәселеңізді кодпен жасай алсаңыз, мен сізге көмектесе аламын.

Басқа бетті жүктеудің ең қарапайым жолы: -

$('body').load('index.html', function() {
   alert('Page loaded');
});
0
қосылды
Менің кодымдай көрінеді.
қосылды автор Rohan Kumar, көзі
Өңделген сұрақты тексеріңіз !!!
қосылды автор Ash, көзі

Оған AJAX функциясын пайдалану арқылы қол жеткізуге болады. Егер сіз өзіңіздің мәселеңізді кодпен жасай алсаңыз, мен сізге көмектесе аламын.

Басқа бетті жүктеудің ең қарапайым жолы: -

$('body').load('index.html', function() {
   alert('Page loaded');
});
0
қосылды
Менің кодымдай көрінеді.
қосылды автор Rohan Kumar, көзі
Өңделген сұрақты тексеріңіз !!!
қосылды автор Ash, көзі