Ładowanie strony do "diva", Pare pytań od początkującego Opcje

[Lepikur]

Witam, posiadam następujący skrypt ajax. Klikając link wywołujący funkcję strona(plik) ładuje mi stronę o nazwie "plik" do diva o nazwie "okno"

[XML] pobierz, plaintext 
<script type="text/javascript">
//<![CDATA[
function strona(plik) {
  if (plik!='glowna' && plik!='cennik' && plik!='kontakt' && plik!='galeria' && plik!='osiagniecia' && plik!='linki') return false;   <-- tu masz instrukcje sprawdzającą czy zmienna plik istnieje.
  var xml = null;
  var wynik = document.getElementById("okno");
  wynik.innerHTML = "Trwa ładowanie strony";
    if (window.XMLHttpRequest) xml = new XMLHttpRequest();
    else if (window.ActiveXObject) xml = new ActiveXObject("Microsoft.XMLHTTP");
  if (xml) {
    xml.onreadystatechange = function() {
      if (xml.readyState==4) {
          wynik.innerHTML = xml.responseText;
      }
    }
    xml.open("GET","html/"+plik+".php", true); <-- tu pisze jakie pliki  i skąd ma je ładować ( zmienna plik zdefiniowana wyżej)
    xml.send(null);
  }
  return false;
}
strona('glowna');
//]]>
</script> 
[XML] pobierz, plaintext 

I teraz mam pytanie

Czy mogę zmieniać rozmiar tego diva "okno", bo niektóre ładowane strony są dłuższe, inne krósze (szerokość taka sama)
Stronę mam zrobioną w xhtml+css, i na początku miałem zrobioną (bez ajaxa) w taki sposób, że jak kiknąłem np "galeria" to ta strona miała w swoim kodzie <div id="okno" class="rozmiar1"> gdzie w arkuszu css były zdefiniowane parametry formatowania "okna" a w klasie "rozmiar1" ustawiona długość okna.

Teraz w tym ajaxie mi się to sypie, bo ładowana galeria wstawia mi się do diva o określonch, stałych parametrach długości.

Mam nadzieję że w miarę jasno postawiłem problem. Mógłby ktoś pomóc? Dopiero zaczynam w javascript/ajax

[kalmaceta]

ustawiaj wynik.style.with i height. nie wiem jak pozycjonujesz elementy ale może auto wystarczy.

[Kshyhoo]

Pokaż css.

[Lepikur]

css

[HTML] pobierz, plaintext 
#okno
{
padding:0px;
margin:0px;
float:left;
width:736;
color:black;
background-image: url(foty/gazeta.jpg);
background-repeat:no-repeat;
}
.rozmiar1
{
height:520;
}
[HTML] pobierz, plaintext 

Spróbuję też dać height na auto, może sam się będzie dopasowywać.

[kalmaceta]

będzie się dopasowywać do contentu, tak już mają elementy blokowe

[Lepikur]

Ok, faktycznie, ładnie się dopasowywuje. Dzieki
Mam natomiast jeszcze jeden problem:

Ładowane treści nie mają polskich znaków (bez ajaxa wszystko było ok)
Dodam że u mnie każda ładowana treść to osobna strona zaopatrzona we wszystkie znaczniki META, HTML, BODY itd (nie wiem czy wystarczy dać poprostu goły kod ładowanej treści w stylu <div id=costam">tresc ladowana</div> bez żadnych znaczników, a strona która wywołuję tą treść powinna w to wszystko być zaopatrzona

EDIT: rozwiązane. W łądowanym pliku php wkleiłem <?php header("Content-Type: text/html; charset=ISO-8859-2"); ?> w miejscu gdzie są <META>

Ten post edytował Lepikur 22.01.2011, 13:55:29