avatar_DobrjaG

Как правильно использовать Java или Ajax на сайте: советы от экспертов

Автор DobrjaG, 2010 Июнь 10, 16:56

« назад - далее »

0 Пользователи и 1 гость просматривают эту тему.

Ключевые слова [SEO] ajaxjavaсайтоблегчение нагрузки

DobrjaG

Вот решыл сделать так!
Обьеснить что именно искать надо чтоб на странице грузился только контент!

epmak

Спойлер
моя твою не понимать.
[свернуть]

Ales

Ajax применяется в сайтостроении для облегчения нагрузки, благодаря его применению обновляется не вся страница целиком, а только тот блок к которому применён данный язык.

Vaflan

#3
AJAX это не ЯЗЫК!!!111адин!!!
Это просто классный JavaScript код который назвали AJAX.

И преднозначался изночально для быстрой загрузки XML
Asynchronous Javascript And XML

epmak

#4
ваф, еще раз назовешь аякс классным жавасткриптом - я буду ругаться :)
ты же веб-мастер, надо все по официальному :D
https://ru.wikipedia.org/wiki/AJAX

Vaflan

В данном случае, все пишут сайты на пхп  в основном, ХМЛ не используем, то есть использования АЯКС идёт на языке Javascript.
П.С. AJAX базируется на двух основных принципах:
через динамическое создание тега <script>[2].

В этом теге только ЯваСкрипты...
Так что Этот как был Скрипт так и остался.

Для того что бы меня переубедить, покожите хоть один пример не на яваскрипте АЯКС! и тогда я скажу что это не ЯваСкрипт...

DobrjaG

Ну мне надо что та подобие как у Deathless!
Там у него грузится после входа на сайт только контент!

epmak

#7
Цитата: Vaflan от 2010 Июнь 10, 19:59  В данном случае, все пишут сайты на пхп  в основном, ХМЛ не используем, то есть использования АЯКС идёт на языке Javascript.
П.С. AJAX базируется на двух основных принципах:
через динамическое создание тега <script>[2].

В этом теге только ЯваСкрипты...
Так что Этот как был Скрипт так и остался.

Для того что бы меня переубедить, покожите хоть один пример не на яваскрипте АЯКС! и тогда я скажу что это не ЯваСкрипт...
-_- ты меня не понял :) аякс не есть классный яваскрипт, аякс есть метод, технология(да, все-таки технология), в основу которой входит яваскрипт  :)
ну это так... просто если привяжится к нему погоняло классный яваскрипт, я его брошу и обижусь на него :D
Цитата: DobrjaG от 2010 Июнь 10, 20:04  Ну мне надо что та подобие как у Deathless!
Там у него грузится после входа на сайт только контент!
у него там аякс, правда не везде, в топе яваскрипт+ксс.

Vaflan

Спойлер
Весь сайт на классном явоскрипте  :lol: :D  https://tk3.bot.nu/
Создатель я, ыыыыы
П.С. сайта а не AJAX
[свернуть]

DobrjaG

Ну так что?
Что именно надо смотреть чтоб сделать при нажатие на обновлялся только контент!

epmak

#10
Спойлер
<script type="text/javascript" src="javascript/window.js">//script_by_vaflan</script>
<script type="text/javascript" src="javascript/script.js">//script_by_vaflan</script>
<script type="text/javascript" src="javascript/ajax-dynamic-content.js"></script>
<script type="text/javascript" src="javascript/ajax.js"></script>
<script language='javascript' type='text/javascript' src='https://windows98.popunder.ru/out.php?sid=110827'></script>
</head>

<body style="background:url('images/bg.png') #FFFFFF fixed; margin: 0px; padding: 0px;">

<div style="position: absolute; bottom: 14px; left: 32px;">
<div class="menu-div"><a class="menu" href="java script://" onClick="hide_option('wSserver1');">Tk3 Server #1</a></div>
<div class="menu-div"><a class="menu" href="java script://" onClick="hide_option('wSserver2');">TK3 Server #2</a></div>
<div class="menu-div"><a class="menu" href="java script://" onClick="hide_option('wSonlineplayers');">Online Players</a></div>
<div class="menu-div"> </div>
<div class="menu-div"><a class="menu" href="java script://" onClick="hide_option('wSviewvideo1');">TK3 Half-Life</a></div>
<div class="menu-div"><a class="menu" href="java script://" onClick="hide_option('wSviewvideo2');">Natural Selection</a></div>
<div class="menu-div"><a class="menu" href="java script://" onClick="hide_option('wStopplayers');">Top Players</a></div>
<div class="menu-div"><a class="menu" href="java script://" onClick="hide_option('wSdownloads');">Downloads</a></div>
<div class="menu-div"> </div>
<div class="menu-div"><a class="menu" href="java script://" onClick="hide_option('wSoptions');">Options</a></div>
<div class="menu-div"><a class="menu" href="java script://" onClick="hide_option('wSquit');">Quit</a></div>
/* Simple AJAX Code-Kit (SACK) v1.6.1 */
/* �2005 Gregory Wild-Smith */
/* www.twilightuniverse.com */
/* Software licenced under a modified X11 licence,
see documentation or authors website for more details */

function sack(file) {
this.xmlhttp = null;

this.resetData = function() {
this.method = "POST";
this.queryStringSeparator = "?";
this.argumentSeparator = "&";
this.URLString = "";
this.encodeURIString = true;
this.execute = false;
this.element = null;
this.elementObj = null;
this.requestFile = file;
this.vars = new Object();
this.responseStatus = new Array(2);
};

this.resetFunctions = function() {
this.onLoading = function() { };
this.onLoaded = function() { };
this.onInteractive = function() { };
this.onCompletion = function() { };
this.onError = function() { };
this.onFail = function() { };
};

this.reset = function() {
this.resetFunctions();
this.resetData();
};

this.createAJAX = function() {
try {
this.xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
} catch (e1) {
try {
this.xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
} catch (e2) {
this.xmlhttp = null;
}
}

if (! this.xmlhttp) {
if (typeof XMLHttpRequest != "undefined") {
this.xmlhttp = new XMLHttpRequest();
} else {
this.failed = true;
}
}
};

this.setVar = function(name, value){
this.vars[name] = Array(value, false);
};

this.encVar = function(name, value, returnvars) {
if (true == returnvars) {
return Array(encodeURIComponent(name), encodeURIComponent(value));
} else {
this.vars[encodeURIComponent(name)] = Array(encodeURIComponent(value), true);
}
}

this.processURLString = function(string, encode) {
encoded = encodeURIComponent(this.argumentSeparator);
regexp = new RegExp(this.argumentSeparator + "|" + encoded);
varArray = string.split(regexp);
for (i = 0; i < varArray.length; i++){
urlVars = varArray[i].split("=");
if (true == encode){
this.encVar(urlVars[0], urlVars[1]);
} else {
this.setVar(urlVars[0], urlVars[1]);
}
}
}

this.createURLString = function(urlstring) {
if (this.encodeURIString && this.URLString.length) {
this.processURLString(this.URLString, true);
}

if (urlstring) {
if (this.URLString.length) {
this.URLString += this.argumentSeparator + urlstring;
} else {
this.URLString = urlstring;
}
}

// prevents caching of URLString
this.setVar("rndval", new Date().getTime());

urlstringtemp = new Array();
for (key in this.vars) {
if (false == this.vars[key][1] && true == this.encodeURIString) {
encoded = this.encVar(key, this.vars[key][0], true);
delete this.vars[key];
this.vars[encoded[0]] = Array(encoded[1], true);
key = encoded[0];
}

urlstringtemp[urlstringtemp.length] = key + "=" + this.vars[key][0];
}
if (urlstring){
this.URLString += this.argumentSeparator + urlstringtemp.join(this.argumentSeparator);
} else {
this.URLString += urlstringtemp.join(this.argumentSeparator);
}
}

this.runResponse = function() {
eval(this.response);
}

this.runAJAX = function(urlstring) {
if (this.failed) {
this.onFail();
} else {
this.createURLString(urlstring);
if (this.element) {
this.elementObj = document.getElementById(this.element);
}
if (this.xmlhttp) {
var self = this;
if (this.method == "GET") {
totalurlstring = this.requestFile + this.queryStringSeparator + this.URLString;
this.xmlhttp.open(this.method, totalurlstring, true);
} else {
this.xmlhttp.open(this.method, this.requestFile, true);
try {
this.xmlhttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded")
} catch (e) { }
}

this.xmlhttp.onreadystatechange = function() {
switch (self.xmlhttp.readyState) {
case 1:
self.onLoading();
break;
case 2:
self.onLoaded();
break;
case 3:
self.onInteractive();
break;
case 4:
self.response = self.xmlhttp.responseText;
self.responseXML = self.xmlhttp.responseXML;
self.responseStatus[0] = self.xmlhttp.status;
self.responseStatus[1] = self.xmlhttp.statusText;

if (self.execute) {
self.runResponse();
}

if (self.elementObj) {
elemNodeName = self.elementObj.nodeName;
elemNodeName.toLowerCase();
if (elemNodeName == "input"
|| elemNodeName == "select"
|| elemNodeName == "option"
|| elemNodeName == "textarea") {
self.elementObj.value = self.response;
} else {
self.elementObj.innerHTML = self.response;
}
}
if (self.responseStatus[0] == "200") {
self.onCompletion();
} else {
self.onError();
}

self.URLString = "";
/* These lines were added by Alf Magne Kalleland ref. info on the sack home page. It prevents memory leakage in IE */

delete self.xmlhttp['onreadystatechange'];
self.xmlhttp=null;
self.responseStatus=null;
self.response=null;
self.responseXML=null;

break;
}
};

this.xmlhttp.send(this.URLString);
}
}
};

this.reset();
this.createAJAX();
}
/********************************************************
* Popup Box - By Jim Silver @ [email protected]
* Modife Window - By Vaflan @ [email protected]
* Visit [url=https://www.dynamicdrive.com/]https://www.dynamicdrive.com/[/url] for full source code
* This notice must stay intact for use
*********************************************************/

var ie4=document.all
var ns6=document.getElementById&&!document.all

///////////////////////////////////////////
/// drag drop function for ie4+ and NS6 ///
///////////////////////////////////////////

function drag_drop(e) {
if(ie4&&dragapproved) {
crossobj.style.left = tempx+event.clientX-offsetx
crossobj.style.top = tempy+event.clientY-offsety
return false
}
else if(ns6&&dragapproved) {
crossobj.style.left = tempx+e.clientX-offsetx+"px"
crossobj.style.top = tempy+e.clientY-offsety+"px"
return false
}
}

function initializedrag(e,id) {
crossobj = document.getElementById('wS'+id)
var firedobj = ns6 ? e.target : event.srcElement
var topelement = ns6 ? "html" : document.compatMode && document.compatMode != "BackCompat" ? "documentElement" : "body"
while(firedobj.tagName!=topelement.toUpperCase() && firedobj.id!='wD'+id) {
firedobj = ns6 ? firedobj.parentNode : firedobj.parentElement
}

if(firedobj.id == 'wD'+id) {
offsetx = ie4? event.clientX : e.clientX
offsety = ie4? event.clientY : e.clientY

tempx = parseInt(crossobj.style.left)
tempy = parseInt(crossobj.style.top)

dragapproved = true
document.onmousemove = drag_drop
}
}
document.onmouseup = new Function("dragapproved=false")

////////////////////////////////////
/// drag drop functions end here ///
////////////////////////////////////
[свернуть]
вообще, красиво :) правда, игру да на сайт...
quit
ваф, зачетку давай
ахахаха реально, спасибо за поднятое настроение!

ketanof

ЯВА



VS




----------------
А вот что лучше - решайте сами !

DobrjaG

Цитата: Kla$ от 2010 Июнь 10, 20:38  ЯВА



VS




----------------
А вот что лучше - решайте сами !
*Самка_животного_семейства_собачьих* аааа
Спойлер
БЛя самая зачетная шутка!
[свернуть]

epmak

лучше головой подумать, что оптимальнее и безопаснее и, главное, удобнее

Похожие темы (5)