Funktioniert bei mir tadellos wolf:
Hast du auch body{height:2000px} um wirklich eine Scrollbar zu haben auf die man dann überprüfen kann?
Funktioniert bei mir tadellos wolf:
Hast du auch body{height:2000px} um wirklich eine Scrollbar zu haben auf die man dann überprüfen kann?
document.onscroll = function() {} ?
Hey!
Hab das mit dem Slider nun etwas anders gelöst. Er reagiert nach einem Timeout. Wie findet ihr das?
Habe auch das Layout noch mal angepasst und ein paar Bugs behoben in der neusten Version!
Das Update sollte in den nächsten Minuten verfügbar sein über den Chrome Webstore. (Manuelles überprüfen: chrome://extensions > Haken bei Entwicklereinstellungen > Erweiterungen aktualisieren kann helfen).
*Edit 2*
Läuft nun richtig gut. Slider reagiert nun auf .onclick() anstatt .oninput(). Außerdem erfolgt die vergrößerung/verkleinerung des Fenster's nun von der Mitte aus. Und generell Code und Layout verbessert.
Nope sysop: arbeite mit Chrome
Hey,
Wer das JavaScript-Forum ein wenig verfolgt hat wird wissen woran ich dieses Wochenende gearbeitet habe: Meine erste eigene Chrome-App!
Wollte mal testen wie das so geht und im Ergebnis kann ich sagen, dass es echt leicht ist!
Das ganze ist eine App mit der man ein responsive-design betrachten kann und per klick ansichtsgrößen für Smartphone, Tablet und Desktop einstellen kann.
Download im Chrome Webstore: https://chrome.google.com/webs…hgciooocaamcbfoleeohhklkl
Sinn bzw. Unsinn ist mir hier relativ egal. Ich wollte einfach mal eine Chrome-App umsetzten.
Wie findet ihr sie?
PS: Was ich ziemlich cool finde: Ich kann mir Updates meiner eigenen App über Google ausrollen lassen .. das hat irgendwie was finde ich html-seminar.de/woltlab/attachment/546/
Hey,
zum Beispiel die Boxen in die die Schrift eingefügt wird etwas höher machen. Die schiebt es nämlich sonst auf ..
Exakt, da ist nicht's! Pure, leere Fläche..
Nope, das ist alles pur. Ohne Abstände und so.
Hi!
windows.innerWidth gibt mir viel zu kleine Werte zurück!
html-seminar.de/woltlab/attachment/545/
Es zeigt 373 an,obwohl 410px der richtige Wert ist ..
Was ist denn da los? hm..
outerWidth funktioniert, aber warum legt innerWidth ein so seltsames Verhalten an den Tag? Da ist nichts das blockieren würde ..
Vielen Dank im Voraus!
Ich hab Session's sowieso noch nie gemocht.
Baue mir das immer selber zusammen mit eigenen Cookies und so.
wolf: cottton: (Habe nochmal editiert falls ihr es nicht gesehen haben solltet... )
Das Problem ist, dass wenn man das Fenster vergrößert/verkleinert die rechte Kante des Fensters verschoben wird. -> Mit zentrieren wird das nichts, da es das zentrierte so immer weiter nach rechts wegschiebt beim vergrößern
Nur wenn es dauerhaft in der linken Ecke fixiert ist aber das schaut sehr doof aus. Wenn ich das Fenster doch nur fixieren könnte, damit es sich gleichmäßig nach rechts und links vergrößert/verkleinert ...
*EDIT:*
window.moveTo(
screen.width/2 - window.innerWidth/2,
screen.height/2 - window.innerHeight/2
);
Hab damit mal rumgespielt während der Slider in der Mitte ist .. mit dem Ziel das Fenster ist immer exakt in der mitte und der slider bleibt auch in der Mitte .. leider keine so tollen Resultate .. zwar besser aber immer noch laggy...
* EDIT 2:*
var THROTTLE_TIME = 200,
_iThrottleTimeout;
//--
slider.oninput = function () {
clearTimeout(_iThrottleTimeout);
_iThrottleTimeout = setTimeout( function() {
document.getElementById("currentValue").innerText = slider.value;
window.resizeTo( slider.value, 400 );
window.moveTo(
screen.width/2 - window.innerWidth/2,
screen.height*0.2
);
}, THROTTLE_TIME);
};
Alles anzeigen
Das funktioniert, aber leider nicht so ganz toll. Läuft eben nicht soo flüssig. --> https://docs.google.com/file/d…kNjxeYktNNmhfNm1EUTA/edit
Hey!
Fehler gefunden!
Wenn sich das Fenster durch den Slider in der Größe verändert, ändert sich die Position des Sliders und es werden permanent neue Werte übergeben anstatt schrittweise die Größe verändert. Verstehst du wie ich das meine?
Mal schauen wie ich das löse! Wenn der Slider starr an der linken Seite steht funktioniert es nämlich gut
Wie sollte das gehen? CSS transitions beziehen sich auf HTML Elemente, ich verändere aber das Fenster an sich ... Aber ich könnte mal probieren HTML/body ne transition zu geben, damit es nicht ruckartig expandiert bei vergrößertem Fenster..
Sonst ne Idee?
Hallo!
Entwickle derzeit eine Chrome-App und es läuft eigentlich echt ganz gut, nur da besteht ein kleines Problem. An einer Stelle möchte ich das aktive Fenster vergrößern / verkleinern in der Breite, aber das läuft mit einem slider (input type="range") extrem unrund!
Chrome-Extension zum herunterladen und anschauen: https://drive.google.com/file/…kMHdSbG8/edit?usp=sharing
In der App könnt ihr das unten beschriebene Problem mal anschauen, damit ihr wisst was ich meine. Schaut euch den Unterschied an zwischen manuellem Fenster größer kleiner machen und dem Slider..
Relevanter Code:
var slider = document.getElementById("viewsize");
slider.oninput = function () {
window.resizeTo( slider.value, 400 );
};
Wie könnte man das Chrome-App-Fenster elegant größer und kleiner werden lassen?
Vielen Dank im Voraus!
Ach dieses JS ey ...
Hab Dank!
Hallo!
<form>
Breite: 350<input id="viewsize" type="range" min="350" max="1300" value="400" step="25">1300.
</form>
window.onload = function() {
var slider = document.getElementById('viewsize');
slider.addEventListener('onchange', function () {
document.getElementById('currentValue').innerHtml = slider.value;
window.resizeTo( slider.value, 400 );
});
}
Warum wird der EventListener nicht aktiv?
Ich weiß, dass das eigentlich JS Basics sind, aber ich konnte mich mit Js noch nie anfreunden ... Also ich hätte gerne, dass das Script anspricht wenn der Slider verschoben wird.
Vielen Dank im Voraus!
Achso okay. Sorry wolf: & verzweifelteruser: , dachte du willst die komplett ausgeschlossen haben.
Ich glaube damit ist gemeint das der Code an den Anfang der einen Datei gesetzt wird und der Rest bleibt so
wolf:
Die Frage ist was denn NICHT möglich sein soll. Er will Tor-Nutzer ausschließen.
Versuch mal /inc/html.php.
Das klingt als würde dort der Kopf der Seite generiert werden ... Einfach einfügen und testen.
Muss auf jeden Fall VOR irgend einer Ausgabe stehen, damit jemand über das Tor-Netzwerk NICHTS von der Seite sehen kann.
, dass ich über body { width: und height: } die Höhe und Breite nicht steuern kann..
Die Höhe und Breite steuert man auch über das Layout und die Anzahl der Inhalte und nicht über den body-container
HTML-Seminar.de - mit Videos zum schnellen Lernen, wie man eine Website selbst erstellt.