Форум АНТИЧАТ - Небольшие статьи [html, Css, Js, Php]

Форум АНТИЧАТ (https://forum.antichat.xyz/index.php)

- PHP, PERL, MySQL, JavaScript (https://forum.antichat.xyz/forumdisplay.php?f=37)

- - Небольшие статьи [html, Css, Js, Php] (https://forum.antichat.xyz/showthread.php?t=67440)

Небольшие статьи [html, Css, Js, Php]

В этой теме выкладывайте небольшие актуальные статьи по всем направлениям кодинга

Защищаем ссылки mailto

Защищаем ссылки mailto

Автор: 15daysofjquery.com
Перевод: Isis

Защитить email адреса на своем сайте от спамеров легко с использованием AJAX.
В данноме случае будем использовать библиотеку jQuery: http://www.jquery.com

Пример с кнопкой. Без эффекта.
Пример с ссылкой. Эффект выпадания.
При загрузке страницы. Эффект выпадания.
При загрузке страницы. Без эффекта.

JS Код:

Код:

$(document).ready(function(){

$.post('mailtoInfo.php',{

  pass: "secret"

},function(txt){

  $('div.email').html(txt);

  $('div.email').slideDown("slow");

});

});

Т.е. отправляем POST запрос с параметром pass и его значением secret на mailtoInfo.php

Ответ выводится в <div id="email"></div>

Тем самым никакой робот не выловит email, а пользователям не добавится сложности

Решил поддержать нашего любимого Isis`a ;)
Выплывающее меню, скрипт откуда достал не помню но меню выплывает прикольно короче выглядит прикольно и можно подстроить под любой дизайн! Для полной работоспособности нужны картинки, которые вы можете поменять под свой дизайн! Вот сами файлы:http://rapidshare.com/files/118392597/menu.rar.html

Скрипт выкладывать не вижу смысла, скрипт большой (имеется внутри архива)

.png и експлорер

часто сталкивался во время верстки с проблемой отображения изображений формата .png (помоему только в нем можно сохранять полупрозрачные изображения) в Internet Explorer, собственно нашел фильтр с помошью которого можно решить эту проблему:

в css прописываем это:

Код:



.img_png

{

width:100px;

height:100px; 

background-image:url('image.png'); background-repeat:no-repeat;

//background-image:none; 

//filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='image.png',sizingMethod='scale');

}

а в самом коде создаем для этой картинки отдельную таблицу с размерами картинки, это необходимо из за того что експлорер растягивает изображение на всю ячейку и получается полное гэ :

Код HTML:



<td>

<table width="100" height="100" border="0" cellspacing="0" cellpadding="0">

    <tr>

         <td class="img_png" width="100" height="100">

<img style="visibility:hidden;" src="0.gif"  width="100" height="100">

        </td>

    </tr>

</table>

</td>

надеюсь каму нибудь пригодится...

Цитата:

Сообщение от Naydav

.png и експлорер
у jquery есть плагин phg_fix, я про него писал

ну так замечательно если есть много вариантов=)

Несколько полезных Css приемов

Несколько полезных CSS приемов:

Альтернатива NOBR

Код HTML:

.nobr{white-space:nowrap;}

Альтернатива cellspacing и cellpadding

Код HTML:

<style type="text/css">

/* cellspacing=0 */

TABLE {border-collapse:collapse;}

/* cellpadding=0 */

TABLE TD {padding:0px;}

/* cellspacing=2 */

TABLE {border-collapse: separate; border-spacing:2px;}

/* cellpadding=2 */

TABLE TD {padding:2px;}

</style>

Цвет hr через CSS (IE, Opera, Mozilla)

Код HTML:

hr {

    color:red;

    background-color:red;

    height: 1px;

    border-width:0px; 

}

Рамки таблицы и ячеек толщиной в 1px

Код HTML:

table.table1, table.table1 td {

    border:1px solid blue;

    border-collapse:collapse;

}

Лишнее пространство вокруг формы

Код HTML:

form {

    margin:0;

}

Запрет полосы прокрутки

Код HTML:

body {

    overflow:hidden;

}

Цитата:

Сообщение от mff

Лишнее пространство вокруг формы

Код HTML:

form {

    margin:0;

}

после нуля нада указывать в чем измерЯешь - "px" , так грамотнее

Корвин
Какая разница в чем? Все равно ведь 0. Я так всегда пишу.

ну у каждого свое мнение, я высказал свое, нафлудили тут....