zurück zur Startseite
  


Zurück XHTMLforum > Webentwicklung (außer XHTML und CSS) > Javascript & Ajax
Seite neu laden jQuery page refresh (reload)

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 19.05.2014, 20:23
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 12.11.2010
Ort: Bad Langensalza
Beiträge: 733
gabischatz ist in Verruf geraten
Standard jQuery page refresh (reload)

Hi, ich suche nach einer Möglichkeit die Aktuelle Seite zu aktualisieren und zu einer ID zuwechseln.

HTML-Code:
window.location.reload(true);
window.location.href;
history.go(0);
Die wechseln alle auf die Startseite.
Grüße
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 20.05.2014, 09:37
Benutzerbild von protonenbeschleuniger
Verbesserer
XHTMLforum-Kenner
 
Registriert seit: 06.09.2007
Beiträge: 4.977
protonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblick
Standard

Zitat:
Zitat von gabischatz Beitrag anzeigen
Hi, ich suche nach einer Möglichkeit die Aktuelle Seite zu aktualisieren und zu einer ID zuwechseln.

HTML-Code:
window.location.reload(true);
window.location.href;
history.go(0);
Die wechseln alle auf die Startseite.
Nein, window.location.reload lädt die aktuelle Seite neu.
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 20.05.2014, 11:38
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 12.11.2010
Ort: Bad Langensalza
Beiträge: 733
gabischatz ist in Verruf geraten
Standard

Ein return false; hat gefehlt // wichtig! sonst wird der a-link im browser aufgerufen!
Danke
Mit Zitat antworten
  #4 (permalink)  
Alt 20.05.2014, 11:46
Benutzerbild von inta
free as in freedom
XHTMLforum-Kenner
 
Registriert seit: 04.12.2006
Ort: Berlin
Beiträge: 5.016
inta kann auf vieles stolz seininta kann auf vieles stolz seininta kann auf vieles stolz seininta kann auf vieles stolz seininta kann auf vieles stolz seininta kann auf vieles stolz seininta kann auf vieles stolz seininta kann auf vieles stolz seininta kann auf vieles stolz seininta kann auf vieles stolz sein
Standard

Was hat das jetzt mit jQuery zu tun? Das ist Javascript.

return false; ist für diesen Zweck nicht mehr zeitgemäß, wenn du die Standardaktion verhindern möchtest, nutze preventDefault.
Mit Zitat antworten
  #5 (permalink)  
Alt 20.05.2014, 11:58
Benutzerbild von protonenbeschleuniger
Verbesserer
XHTMLforum-Kenner
 
Registriert seit: 06.09.2007
Beiträge: 4.977
protonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblick
Standard

Zitat:
Zitat von gabischatz Beitrag anzeigen
Ein return false; hat gefehlt // wichtig! sonst wird der a-link im browser aufgerufen!
Danke
welcher Link?
Und - Warum benutzt du einen Link um eine JS Funktion aufzurufen?
Mit Zitat antworten
  #6 (permalink)  
Alt 21.05.2014, 19:25
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 12.11.2010
Ort: Bad Langensalza
Beiträge: 733
gabischatz ist in Verruf geraten
Standard

Zitat:
Zitat von protonenbeschleuniger Beitrag anzeigen
welcher Link?
Und - Warum benutzt du einen Link um eine JS Funktion aufzurufen?
Auszug aus meiner Seite
HTML-Code:
<li class="menu-item"><a class="taplink"  href="" rel="http://file1.npage.de/007035/37/html/demoprint.css"  tabindex="8"
          id='druck'  accesskey="p"   title="Accesskey p">Druckvorschau <abbr title="Accesskey p">[p]</abbr></a></li>
<script type="text/javascript">

jQuery.cookie = function(name, value, options) {
    if (typeof value != 'undefined') { // name and value given, set cookie
        options = options || {};
        if (value === null) {
            value = '';
            options.expires = -1;
        }
        var expires = '';
        if (options.expires && (typeof options.expires == 'number' || options.expires.toUTCString)) {
            var date;
            if (typeof options.expires == 'number') {
                date = new Date();
                date.setTime(date.getTime() + (options.expires * 24 * 60 * 60 * 1000));
            } else {
                date = options.expires;
            }
            expires = '; expires=' + date.toUTCString();
  		// use expires attribute, max-age is not supported by IE
        }
        // CAUTION: Needed to parenthesize options.path and options.domain
        // in the following expressions, otherwise they evaluate to undefined
        // in the packed version for some reason...
        var path = options.path ? '; path=' + (options.path) : '';
        var domain = options.domain ? '; domain=' + (options.domain) : '';
        var secure = options.secure ? '; secure' : '';
        document.cookie = [name, '=', encodeURIComponent(value), expires, path, domain, secure].join('');
    } else { // only name given, get cookie
        var cookieValue = null;
        if (document.cookie && document.cookie != '') {
            var cookies = document.cookie.split(';');
            for (var i = 0; i < cookies.length; i++) {
                var cookie = jQuery.trim(cookies[i]);
                // Does this cookie string begin with the name we want?
                if (cookie.substring(0, name.length + 1) == (name + '=')) {
                    cookieValue = decodeURIComponent(cookie.substring(name.length + 1));
                    break;
                }
            }
        }
        return cookieValue;
    }
};
      if($.cookie("css")) {
         $("link").attr("href",$.cookie("css"));
      }

 $(document).ready(function() {
      $("a#orginal").click(function() {
         $("link").attr("href",$(this).attr('rel'));  		
         $.cookie("css",$(this).attr('rel'), {expires: 365, path: '/'});
         //Reload the page
		location.reload();
  return false;
      });</script>
@inta: wie würde das den dann mit preventDefault(); richtig aussehen?

Grüße
Mit Zitat antworten
  #7 (permalink)  
Alt 21.05.2014, 20:29
Benutzerbild von inta
free as in freedom
XHTMLforum-Kenner
 
Registriert seit: 04.12.2006
Ort: Berlin
Beiträge: 5.016
inta kann auf vieles stolz seininta kann auf vieles stolz seininta kann auf vieles stolz seininta kann auf vieles stolz seininta kann auf vieles stolz seininta kann auf vieles stolz seininta kann auf vieles stolz seininta kann auf vieles stolz seininta kann auf vieles stolz seininta kann auf vieles stolz sein
Standard

Ich habe die Erklärung doch extra verlinkt, einfach mal anklicken.
Mit Zitat antworten
  #8 (permalink)  
Alt 22.05.2014, 11:26
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 12.11.2010
Ort: Bad Langensalza
Beiträge: 733
gabischatz ist in Verruf geraten
Standard

Zitat:
Zitat von inta Beitrag anzeigen
Ich habe die Erklärung doch extra verlinkt, einfach mal anklicken.
Da hast du recht, aber Neulinge wie ich in jQuery, weiß nicht wie es richtig umgesetzt wird.
Wenn du so nett wärst und den Code anpasst.
Ich lerne gerne von den Klügeren.
Grüße
Mit Zitat antworten
  #9 (permalink)  
Alt 22.05.2014, 11:44
Benutzerbild von protonenbeschleuniger
Verbesserer
XHTMLforum-Kenner
 
Registriert seit: 06.09.2007
Beiträge: 4.977
protonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblick
Standard

Zitat:
Zitat von gabischatz Beitrag anzeigen
Da hast du recht, aber Neulinge wie ich in jQuery, weiß nicht wie es richtig umgesetzt wird.
event.preventDefault() | jQuery API Documentation
Mit Zitat antworten
Sponsored Links
  #10 (permalink)  
Alt 22.05.2014, 12:11
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 12.11.2010
Ort: Bad Langensalza
Beiträge: 733
gabischatz ist in Verruf geraten
Standard

Ist es so richtig?
HTML-Code:
<script type="text/javascript">
$(document).ready(function() {
	$("a#orginal").click(function(event) {
		$("link").attr("href",$(this).attr('rel'));
		$.cookie("css",$(this).attr('rel'), {expires: 365, path: '/'});
		location.reload();		//Reload the page
		event.preventDefault(); //return false;
	});
});
</script>
Mit Zitat antworten
Sponsored Links
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Seite springt nach oben bei page refresh Smoke Javascript & Ajax 9 15.05.2014 16:25
Pageflip Lyranniel Javascript & Ajax 0 05.04.2012 11:18
jQuery (coda slider) und prototype (Lightbox) konflikt computernerd Javascript & Ajax 3 21.09.2011 19:04
Anpassen eines CSS Templates - JPEG als Hintergrundbild setzen soulknot CSS 1 08.05.2011 17:31
height-Problem! Schniddchen CSS 2 09.05.2008 13:53


Alle Zeitangaben in WEZ +2. Es ist jetzt 21:01 Uhr.