Opis instalacji i użycia boksów tekstowych
Dystrybucja ankiet poprzez boksy z linkami tekstowymi jest nowatorskim i autorskim rozwiązaniem Inteuronu. Pozwala ono na nieinwazyjne informowanie internautów o ankiecie do wypełnienia bez konieczności wyświetlania drażniących niektóre osoby popup'ów.W celu wyświetlania linków do ankiet w boksach tekstowych trzeba wykonać następujące czynności (przykład wraz z kodem przedstawiony jest na końcu strony):
- wkleić do kodu strony element DIV, w którym będzie wyświetlany dany blok:
<div id="inteuron_polls_blockX"></div>
gdzie X jest numerem bloku na danej stronie. Na stronie może być dowolna liczba bloków, każdy jedynie musi mieć inny numer. - Wstawić opis występujących na stronie bloków w formie JavaScriptu:
<script type="text/javascript"> <!-- inteuron_poll_conf = { X: { height: 140, width: 160, format: '160x140' } }; --> </script>gdzie X jest numerem bloku na danej stronie. - Wkleić na koniec strony podany w panelu sieci badawczej skrypt badawczy dla tej strony.
Parametry opisu bloku na boks tekstowy
Blok na boks tekstowy musi mieć podane następujące parametry (parametry obowiązkowe):- format - identyfikator wielkości boksu
Możliwe wartości:- 160x140
- 120x160
- 400x60
- width - szerokość boksu tekstowego.
Wartość: liczba określającą szerokość w pikslach. - height - szerokość boksu tekstowego..
Wartość: liczba określającą szerokość w pikslach.
- type - typu zawartości boksa
Możliwe wartości:- text
- borderColor - kolor ramki wokół boksu.
Wartość: kolor, np. '#c0e0e0' - linkColor - kolor linku do ankiety.
Wartość: kolor, np. '#605576' - textColor - kolor tekstu opisującego ankietę.
Wartość: kolor, np. '#303030' - backgroundColor - kolor tła boksu.
Wartość: kolor, np. '#ffffff'
Przykład skryptu dla boksów tekstowych
...
<div id="inteuron_polls_block1"></div>
...
<div id="inteuron_polls_block2"></div>
...
<script type="text/javascript">
<!--
inteuron_poll_conf = {
1: {
height: 140,
width: 160,
format: '160x140',
backgroundColor: '#f0f0f0'
},
2: {
height: 160,
width: 120,
format: '120x160',
linkColor: '#605576'
}
};
-->
</script>

