LINUX.ORG.RU

2(maxcom || hizel) (верстка)

 ,


0

1

maxcom, hizel, если кто-нибудь здесь придумает, как соорудить хэш функцию, выдающую конкретное строковое значение для конкретного элемента на странице, сложно ли будет (а, главное, поднимется ли рука) добавить в код лор-движка добавление такого хеша к каждому элементу в виде id+=hash?

Я имею в виду:
Было:

          <li><a href="/news/">Новости</a></li>
          <li><a href="/gallery/">Галерея</a></li>
          <li><a href="/forum/">Форум</a></li>
          <li><a href="/tracker/">Трекер</a></li>
          <li><a href="/wiki/">Wiki</a></li>
          <li><a href="notifications">Уведомления</a></li>
          <li><a href="/search.jsp">Поиск</a></li>
        </ul>
      </div>
«Стало» (важно понимать, что на другой странице с другим содержанием хеши данных элементов будут те же (достигнуть, например, можно так - взять хеш от, скажем, 10 первых символов, которые содержит элемент)):
          <li id = "ttg65"><a href="/news/" id = "zdggf">Новости</a></li>
          <li id = "t65h5"><a href="/gallery/" id = "ytted">Галерея</a></li>
          <li id = "h6635"><a href="/forum/" id = "67544">Форум</a></li>
          <li id = "jjkl9"><a href="/tracker/" id = "cxxgg">Трекер</a></li>
          <li id = "bnn87"><a href="/wiki/" id = "zssd6">Wiki</a></li>
          <li id = "czz56"><a href="notifications" id = "zoop9">Уведомления</a></li>
          <li id = "mjji0"><a href="/search.jsp" id = "zhopa">Поиск</a></li>
        </ul>
      </div>

Для чего, собственно, нужно: тогда кастомизация stylish'ем пойдет гладко и без «обрушения», когда дизайн (фичи) изменится опять.

Personally 2 Белк (уж пардон, ник забыл >_<): на жабоскрипте такое трудно сваять? 6-7ми значный хеш для первых 10 символов каждого элемента и добавление его к id. Ты в прошлый раз сваял userscript для personal_ignore, поэтому разбираешься.

P.S. maxcom, если таки будешь не против - можно тогда галкой в настройках и по умолчанию - офф, чтобы не нагружать сервер - тогда кому надо (3.5 анонимуса) включат. На общем оверлоаде не скажется.

хорошая идея. вот и будет островок стабильности в море инноваций.

rikardoac
()
Ответ на: комментарий от maxcom

Окей, будем мучить greasemonkeyскриптописателей.

AlexCones ★★★
() автор топика
Ответ на: комментарий от resurtm

Уж проще просто с помощью того же greasemonkey дать всем уникальные id'ы по содержимому - тогда не нужно будет проверять все элементы, которые мы хотим изменить с помощью той же мартышки. Досточно будет #fftr9 {display:none; etc.}

AlexCones ★★★
() автор топика

Вы совсем там обкурились? Id-шники элементам, конечно, нужны, но _человеческие_ _читаемые_ id-шники!

Sadler ★★★
()

Personally 2 Белк (уж пардон, ник забыл >_<): на жабоскрипте такое трудно сваять? 6-7ми значный хеш для первых 10 символов каждого элемента и добавление его к id. Ты в прошлый раз сваял userscript для personal_ignore, поэтому разбираешься.

15-ти значный хеш(кусок sha1) для первых 25и символов всех элементов:

// ==UserScript==
// @name       LOR ids
// @namespace  http://www.linux.org.ru/
// @version    0.1
// @description  enter something useful
// @match      http://www.linux.org.ru/*
// @require       http://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.js
// @copyright  2012+, You
// ==/UserScript==

var Sha1 = {};  // Sha1 namespace

/**
 * Generates SHA-1 hash of string
 *
 * @param {String} msg                String to be hashed
 * @param {Boolean} [utf8encode=true] Encode msg as UTF-8 before generating hash
 * @returns {String}                  Hash of msg as hex character string
 */
Sha1.hash = function(msg, utf8encode) {
  utf8encode =  (typeof utf8encode == 'undefined') ? true : utf8encode;
  
  // convert string to UTF-8, as SHA only deals with byte-streams
  if (utf8encode) msg = Utf8.encode(msg);
  
  // constants [§4.2.1]
  var K = [0x5a827999, 0x6ed9eba1, 0x8f1bbcdc, 0xca62c1d6];
  
  // PREPROCESSING 
  
  msg += String.fromCharCode(0x80);  // add trailing '1' bit (+ 0's padding) to string [§5.1.1]
  
  // convert string msg into 512-bit/16-integer blocks arrays of ints [§5.2.1]
  var l = msg.length/4 + 2;  // length (in 32-bit integers) of msg + ‘1’ + appended length
  var N = Math.ceil(l/16);   // number of 16-integer-blocks required to hold 'l' ints
  var M = new Array(N);
  
  for (var i=0; i<N; i++) {
    M[i] = new Array(16);
    for (var j=0; j<16; j++) {  // encode 4 chars per integer, big-endian encoding
      M[i][j] = (msg.charCodeAt(i*64+j*4)<<24) | (msg.charCodeAt(i*64+j*4+1)<<16) | 
        (msg.charCodeAt(i*64+j*4+2)<<8) | (msg.charCodeAt(i*64+j*4+3));
    } // note running off the end of msg is ok 'cos bitwise ops on NaN return 0
  }
  // add length (in bits) into final pair of 32-bit integers (big-endian) [§5.1.1]
  // note: most significant word would be (len-1)*8 >>> 32, but since JS converts
  // bitwise-op args to 32 bits, we need to simulate this by arithmetic operators
  M[N-1][14] = ((msg.length-1)*8) / Math.pow(2, 32); M[N-1][14] = Math.floor(M[N-1][14])
  M[N-1][15] = ((msg.length-1)*8) & 0xffffffff;
  
  // set initial hash value [§5.3.1]
  var H0 = 0x67452301;
  var H1 = 0xefcdab89;
  var H2 = 0x98badcfe;
  var H3 = 0x10325476;
  var H4 = 0xc3d2e1f0;
  
  // HASH COMPUTATION [§6.1.2]
  
  var W = new Array(80); var a, b, c, d, e;
  for (var i=0; i<N; i++) {
  
    // 1 - prepare message schedule 'W'
    for (var t=0;  t<16; t++) W[t] = M[i][t];
    for (var t=16; t<80; t++) W[t] = Sha1.ROTL(W[t-3] ^ W[t-8] ^ W[t-14] ^ W[t-16], 1);
    
    // 2 - initialise five working variables a, b, c, d, e with previous hash value
    a = H0; b = H1; c = H2; d = H3; e = H4;
    
    // 3 - main loop
    for (var t=0; t<80; t++) {
      var s = Math.floor(t/20); // seq for blocks of 'f' functions and 'K' constants
      var T = (Sha1.ROTL(a,5) + Sha1.f(s,b,c,d) + e + K[s] + W[t]) & 0xffffffff;
      e = d;
      d = c;
      c = Sha1.ROTL(b, 30);
      b = a;
      a = T;
    }
    
    // 4 - compute the new intermediate hash value
    H0 = (H0+a) & 0xffffffff;  // note 'addition modulo 2^32'
    H1 = (H1+b) & 0xffffffff; 
    H2 = (H2+c) & 0xffffffff; 
    H3 = (H3+d) & 0xffffffff; 
    H4 = (H4+e) & 0xffffffff;
  }

  return Sha1.toHexStr(H0) + Sha1.toHexStr(H1) + 
    Sha1.toHexStr(H2) + Sha1.toHexStr(H3) + Sha1.toHexStr(H4);
}

//
// function 'f' [§4.1.1]
//
Sha1.f = function(s, x, y, z)  {
  switch (s) {
  case 0: return (x & y) ^ (~x & z);           // Ch()
  case 1: return x ^ y ^ z;                    // Parity()
  case 2: return (x & y) ^ (x & z) ^ (y & z);  // Maj()
  case 3: return x ^ y ^ z;                    // Parity()
  }
}

//
// rotate left (circular left shift) value x by n positions [§3.2.5]
//
Sha1.ROTL = function(x, n) {
  return (x<<n) | (x>>>(32-n));
}

//
// hexadecimal representation of a number 
//   (note toString(16) is implementation-dependant, and  
//   in IE returns signed numbers when used on full words)
//
Sha1.toHexStr = function(n) {
  var s="", v;
  for (var i=7; i>=0; i--) { v = (n>>>(i*4)) & 0xf; s += v.toString(16); }
  return s;
}

var Utf8 = {};  // Utf8 namespace


Utf8.encode = function(strUni) {

  var strUtf = strUni.replace(
      /[\u0080-\u07ff]/g,  // U+0080 - U+07FF => 2 bytes 110yyyyy, 10zzzzzz
      function(c) { 
        var cc = c.charCodeAt(0);
        return String.fromCharCode(0xc0 | cc>>6, 0x80 | cc&0x3f); }
    );
  strUtf = strUtf.replace(
      /[\u0800-\uffff]/g,  // U+0800 - U+FFFF => 3 bytes 1110xxxx, 10yyyyyy, 10zzzzzz
      function(c) { 
        var cc = c.charCodeAt(0); 
        return String.fromCharCode(0xe0 | cc>>12, 0x80 | cc>>6&0x3F, 0x80 | cc&0x3f); }
    );
  return strUtf;
}


Utf8.decode = function(strUtf) {
  // note: decode 3-byte chars first as decoded 2-byte strings could appear to be 3-byte char!
  var strUni = strUtf.replace(
      /[\u00e0-\u00ef][\u0080-\u00bf][\u0080-\u00bf]/g,  // 3-byte chars
      function(c) {  // (note parentheses for precence)
        var cc = ((c.charCodeAt(0)&0x0f)<<12) | ((c.charCodeAt(1)&0x3f)<<6) | ( c.charCodeAt(2)&0x3f); 
        return String.fromCharCode(cc); }
    );
  strUni = strUni.replace(
      /[\u00c0-\u00df][\u0080-\u00bf]/g,                 // 2-byte chars
      function(c) {  // (note parentheses for precence)
        var cc = (c.charCodeAt(0)&0x1f)<<6 | c.charCodeAt(1)&0x3f;
        return String.fromCharCode(cc); }
    );
  return strUni;
}

$(document).ready(function(){
    $('body').find('*').each(function(){
        	var sHtml = $(this)[0].outerHTML.substring(0,25).replace(/>.*/, '');
        	var sId = Sha1.hash(sHtml);
        	$(this).attr('elemid', sId.substring(0,15));
    });
});

Не благодари.

ПС. Захочешь поменять длинну хеша и количество учитываемых символов - тогда смотри на последние 7 строк.

Скрин

drull ★☆☆☆
()
Последнее исправление: drull (всего исправлений: 4)
Ответ на: комментарий от drull

Мы тут с посонами в жаббере так накатали:

// ==UserScript==
// @name           id adder
// @namespace      linux.org.ru
// @grant          none
// @author         AlexCones, lancecoder, deniska
// @require        http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js
// @include        http://www.linux.org.ru/*

// ==/UserScript==

String.prototype.hashCode = function(){
	var hash = 0;
	if (this.length == 0) return hash;
	for (i = 0; i < this.length; i++) {
		char = this.charCodeAt(i);
		hash = ((hash<<5)-hash)+char;
		hash = hash & hash; // Convert to 32bit integer
	}
	return hash;
}

$('*').each(function(){
  var val=$(this).text();
  if (val.length>=10){
     val=val.substr(0,9);
       $(this).addClass('ujs'+val.hashCode());
     };
  });

AlexCones ★★★
() автор топика
Ответ на: комментарий от AlexCones

Если есть много однотипного текста, и точно известно правило по которому оно «однотипное», ты можешь написать программу, котрая будет писать этот однотипный текст. Например, кому стремно пользоваться CSS, используют Stylus.

Конкретно про абсолютные урлы - записать базовые урлы в файл, потом пройтись в цикле по этому файлу и автоматически сгенерить 9000 правил для стайлиша. Ну, если я правильно понял проблему...

stevejobs ★★★★☆
()
Последнее исправление: stevejobs (всего исправлений: 1)
Ответ на: комментарий от stevejobs

Ну, если я правильно понял проблему...

А проблемы, собственно, нет. Сейчас обкатываю скрипт, ловлю в нем баги, исправляю. Тестирую со stylish. Развлекаюсь. Вроде как.

AlexCones ★★★
() автор топика
Ответ на: комментарий от AlexCones

Вы предлагаете костыли.

Ну да, а пихать id'шники каждому элементу на уровне движка - это не костыли. Главное, мало кому нужные некостыли.

Kosyak ★★★★
()
Ответ на: комментарий от Kosyak

Ну да, а пихать id'шники каждому элементу на уровне движка - это не костыли.

Когда большинство элементов на странице вообще без опознавательных знаков - это еще хуже.

AlexCones ★★★
() автор топика
Вы не можете добавлять комментарии в эту тему. Тема перемещена в архив.