Archívum - Aug 10, 2008 - Fórum téma
Textarea szélessége
Üdv!
Egy olyan kérdésem volna, hogy hogyan lehet megadni, egy textarea állandó szélességét. Történetesen van egy, mondjuk 500px széles layer-em, de a textarea jócskán kilóg belőle, hiába állítom 100%-ra. Próbáltam include-olni is, az értéket 500px-re, de úgy meg eltűnik.
Igazából azért volna erre szükségem, mert van egy pár oldal, amin van ilyen textarea, és minden design-váltásnál külön mindegyiket át kell írnom...Köszi előre is!
■ Egy olyan kérdésem volna, hogy hogyan lehet megadni, egy textarea állandó szélességét. Történetesen van egy, mondjuk 500px széles layer-em, de a textarea jócskán kilóg belőle, hiába állítom 100%-ra. Próbáltam include-olni is, az értéket 500px-re, de úgy meg eltűnik.
Igazából azért volna erre szükségem, mert van egy pár oldal, amin van ilyen textarea, és minden design-váltásnál külön mindegyiket át kell írnom...
- <textarea class=\"textarea\" rows=\"6\" cols=\"100%\" name=\"comment\" style=\"vertical-align: middle\">".$_POST["comment"]."</textarea><br/>\n"
ie6 firefox AJAX
Sziasztok!
Lehet hogy ezt a témát a php-ba kellet volna, ha igen elnézést,de élég sok mindent érinthet (adtbázis,php,ajax)
A
problémám az,hogy készítettem egy programot, amit használok IE6 illetve firefox3 alatt.
Az adatbevitelnél van probléma. Mondegyik oldal UTF-8 az adatbázis is UTF-8
Firefox alatt nincs gond az adatbevitellel.IE6 alatt viszont iconv kell ISO-8859-2=> UTF-8 csak akkor hajlandó az adatokat bevinni adatbázisba ajaxon keresztül.
itt az ajax kódrészlet:
off: sorszámozott kódót hogyan tudok csinálni?
[code]
function ajanlat_mentes(statusz)
{
if(ajaxRequest.readyState > 0 || ajaxRequest.readyState < 4)
{
var ajaxDisplay = document.getElementById('allert');
ajaxDisplay.innerHTML = "<div id=\"background\"><div id=\"overlay\"><div><img src=\"images/loading.gif\" align=\"middle\"></div></div></div>";
}
if (ajaxRequest.readyState == 0 ||ajaxRequest.readyState == 4)
{
form();
var url="";
//vegigmegyek a tomb elemein es azt az url valltozoba rakom
for(i=0; i<form_elemek.length; i++)
{
url += form_elemek[i]+"="+encodeURIComponent(document.getElementById(form_elemek[i]).value)+"&";
}
url += "tcsaladselect="+ document.ajanlat.alfa1.options[document.ajanlat.alfa1.selectedIndex].text;
url += "&markaselect="+ document.ajanlat.alfa2.options[document.ajanlat.alfa2.selectedIndex].text;
url += "&tcsaladvalue="+ document.ajanlat.alfa1.options[document.ajanlat.alfa1.selectedIndex].value;
url += "&markavalue="+ document.ajanlat.alfa2.options[document.ajanlat.alfa2.selectedIndex].value;
ajaxRequest.open("GET","functions_inc.php?function=ajanlat_mentes&statusz="+statusz+"&"+url, true);
ajaxRequest.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
ajaxRequest.onreadystatechange = function(){
if(ajaxRequest.readyState == 4 && ajaxRequest.status == 200)
{
if(statusz=='ment')
{
Lehet hogy ezt a témát a php-ba kellet volna, ha igen elnézést,de élég sok mindent érinthet (adtbázis,php,ajax)
A
problémám az,hogy készítettem egy programot, amit használok IE6 illetve firefox3 alatt.
Az adatbevitelnél van probléma. Mondegyik oldal UTF-8 az adatbázis is UTF-8
Firefox alatt nincs gond az adatbevitellel.IE6 alatt viszont iconv kell ISO-8859-2=> UTF-8 csak akkor hajlandó az adatokat bevinni adatbázisba ajaxon keresztül.
itt az ajax kódrészlet:
off: sorszámozott kódót hogyan tudok csinálni?
[code]
function ajanlat_mentes(statusz)
{
if(ajaxRequest.readyState > 0 || ajaxRequest.readyState < 4)
{
var ajaxDisplay = document.getElementById('allert');
ajaxDisplay.innerHTML = "<div id=\"background\"><div id=\"overlay\"><div><img src=\"images/loading.gif\" align=\"middle\"></div></div></div>";
}
if (ajaxRequest.readyState == 0 ||ajaxRequest.readyState == 4)
{
form();
var url="";
//vegigmegyek a tomb elemein es azt az url valltozoba rakom
for(i=0; i<form_elemek.length; i++)
{
url += form_elemek[i]+"="+encodeURIComponent(document.getElementById(form_elemek[i]).value)+"&";
}
url += "tcsaladselect="+ document.ajanlat.alfa1.options[document.ajanlat.alfa1.selectedIndex].text;
url += "&markaselect="+ document.ajanlat.alfa2.options[document.ajanlat.alfa2.selectedIndex].text;
url += "&tcsaladvalue="+ document.ajanlat.alfa1.options[document.ajanlat.alfa1.selectedIndex].value;
url += "&markavalue="+ document.ajanlat.alfa2.options[document.ajanlat.alfa2.selectedIndex].value;
ajaxRequest.open("GET","functions_inc.php?function=ajanlat_mentes&statusz="+statusz+"&"+url, true);
ajaxRequest.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
ajaxRequest.onreadystatechange = function(){
if(ajaxRequest.readyState == 4 && ajaxRequest.status == 200)
{
if(statusz=='ment')
{
Javascript, setIntervallal bejegyzet fv futása nem áll le a clearIntervalra
Már órák óta vacakolok egy scripttel és nem értem, hol a hiba. Van két div-em. Az #inner nagyobb, mint az #outer. Abban kéne mozgatni az #inner-t, az egér pozíciójától függően. Ha az egér 30px-nél jobban megközelíti az #outer szélét, akkor a megfelelő irányba tologatja az #inner-t, amíg az egér ismét el nem távolodik 30px-nél jobban a széltől.
CSS:HTML:JS:Nos, ha a clearInterval (D komment) sor nem a B helyen van, akkor az "úsztatás" végtelen ciklusba kerül, és az #inner "elúszik". Ha a B helyen van, akkor meg meg se moccan. Amint látható, mindenfélét megpróbáltam már kiiratni, hogy megtaláljam a hibát, de nem megy :-/ Miért nem áll le az úsztatás, ha az egér ismét eltávolodik a széltől?
Kiegészítés, teszteléshez, ami az átláthatóság miatt az előzőkből kimaradt:
CSS:
- #outer {
- width: 600px;
- height: 400px;
- overflow: hidden;
- position: absolute;
- }
- #inner {
- position: absolute;
- }
- <div id="outer" onMouseMove="mouseMoveHandler">
- <div id="inner">
- Vmi tartalom....
- </div>
- </div>
- var moveInterval = 0;
- function mouseMoveHandler(e) {
- container = document.getElementById('outer');
- mX = getElementMouseX(container, e);
- mY = getElementMouseY(container, e);
- document.test.n.value = mX;
- document.test.m.value = mY;
- /* A */
- if(mX<30 || mY<30)
- {
- moveX = (mX<30) ? 30-mX : 0;
- moveY = (mY<30) ? 30-mY : 0;
- moveInterval = window.setInterval(moveInner, 100, moveX, moveY);
- /* B */
- } else {
- /* C */
- }
- }
- function moveInner(intervalX, intervalY) {
- var inner = document.getElementById('inner');
- inner.style.left = inner.offsetLeft+intervalX+'px';
- inner.style.top = inner.offsetTop+intervalY+'px';
- window.clearInterval(moveInterval); /* D */
- }
Kiegészítés, teszteléshez, ami az átláthatóság miatt az előzőkből kimaradt: