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: