ďťż

[AJAX][JS] i polskie znaki

Podstrony

telcocafe

Znalazłem skrypt na stronie

http://www.dynamicdr...jaxtabscontent/

Nie wiem czy w poniższym pliku JS trzeba ustawić kodowanie, bo nie mam polskich znaków

//** Ajax Tabs Content script v2.0- © Dynamic Drive DHTML code library (http://www.dynamicdrive.com) //** Updated Oct 21st, 07 to version 2.0. Contains numerous improvements var ddajaxtabssettings={} ddajaxtabssettings.bustcachevar=1 //bust potential caching of external pages after initial request? (1=yes, 0=no) ddajaxtabssettings.loadstatustext="<img src='ajaxtabs/loading.gif' /> Requesting content..." ////NO NEED TO EDIT BELOW//////////////////////// function ddajaxtabs(tabinterfaceid, contentdivid){ this.tabinterfaceid=tabinterfaceid //ID of Tab Menu main container this.tabs=document.getElementById(tabinterfaceid).getElementsByTagName("a") //Get all tab links within container this.enabletabpersistence=true this.hottabspositions=[] //Array to store position of tabs that have a "rel" attr defined, relative to all tab links, within container this.contentdivid=contentdivid this.defaultHTML="" this.defaultIframe='<iframe src="about:blank" marginwidth="0" marginheight="0" frameborder="0" vspace="0" hspace="0" class="tabcontentiframe" style="width:100%; height:auto; min-height: 100px"></iframe>' this.defaultIframe=this.defaultIframe.replace(/<iframe/i, '<iframe name="'+"_ddajaxtabsiframe-"+contentdivid+'" ') this.revcontentids=[] //Array to store ids of arbitrary contents to expand/contact as well ("rev" attr values) this.selectedClassTarget="link" //keyword to indicate which target element to assign "selected" CSS class ("linkparent" or "link") } ddajaxtabs.connect=function(pageurl, tabinstance){ var page_request = false var bustcacheparameter="" if (window.XMLHttpRequest) // if Mozilla, IE7, Safari etc page_request = new XMLHttpRequest() else if (window.ActiveXObject){ // if IE6 or below try { page_request = new ActiveXObject("Msxml2.XMLHTTP") } catch (e){ try{ page_request = new ActiveXObject("Microsoft.XMLHTTP") } catch (e){} } } else return false var ajaxfriendlyurl=pageurl.replace(/^http:\/\/[^\/]+\//i, "http://"+window.location.hostname+"/") page_request.onreadystatechange=function(){ddajaxtabs.loadpage(page_request, pageurl, tabinstance)} if (ddajaxtabssettings.bustcachevar) //if bust caching of external page bustcacheparameter=(ajaxfriendlyurl.indexOf("?")!=-1)? "&"+new Date().getTime() : "?"+new Date().getTime() page_request.open('GET', ajaxfriendlyurl+bustcacheparameter, true) page_request.send(null) } ddajaxtabs.loadpage=function(page_request, pageurl, tabinstance){ var divId=tabinstance.contentdivid document.getElementById(divId).innerHTML=ddajaxtabssettings.loadstatustext //Display "fetching page message" if (page_request.readyState == 4 && (page_request.status==200 || window.location.href.indexOf("http")==-1)){ document.getElementById(divId).innerHTML=page_request.responseText ddajaxtabs.ajaxpageloadaction(pageurl, tabinstance) } } ddajaxtabs.ajaxpageloadaction=function(pageurl, tabinstance){ tabinstance.onajaxpageload(pageurl) //call user customized onajaxpageload() function when an ajax page is fetched/ loaded } ddajaxtabs.getCookie=function(Name){ var re=new RegExp(Name+"=[^;]+", "i"); //construct RE to search for target name/value pair if (document.cookie.match(re)) //if cookie found return document.cookie.match(re)[0].split("=")[1] //return its value return "" } ddajaxtabs.setCookie=function(name, value){ document.cookie = name+"="+value+";path=/" //cookie value is domain wide (path=/) } ddajaxtabs.prototype={ expandit:function(tabid_or_position){ //PUBLIC function to select a tab either by its ID or position(int) within its peers this.cancelautorun() //stop auto cycling of tabs (if running) var tabref="" try{ if (typeof tabid_or_position=="string" && document.getElementById(tabid_or_position).getAttribute("rel")) //if specified tab contains "rel" attr tabref=document.getElementById(tabid_or_position) else if (parseInt(tabid_or_position)!=NaN && this.tabs[tabid_or_position].getAttribute("rel")) //if specified tab contains "rel" attr tabref=this.tabs[tabid_or_position] } catch(err){alert("Invalid Tab ID or position entered!")} if (tabref!="") //if a valid tab is found based on function parameter this.expandtab(tabref) //expand this tab }, setpersist:function(bool){ //PUBLIC function to toggle persistence feature this.enabletabpersistence=bool }, loadajaxpage:function(pageurl){ //PUBLIC function to fetch a page via Ajax and display it within the Tab Content instance's container ddajaxtabs.connect(pageurl, this) }, loadiframepage:function(pageurl){ //PUBLIC function to fetch a page and load it into the IFRAME of the Tab Content instance's container this.iframedisplay(pageurl, this.contentdivid) }, setselectedClassTarget:function(objstr){ //PUBLIC function to set which target element to assign "selected" CSS class ("linkparent" or "link") this.selectedClassTarget=objstr || "link" }, getselectedClassTarget:function(tabref){ //Returns target element to assign "selected" CSS class to return (this.selectedClassTarget==("linkparent".toLowerCase()))? tabref.parentNode : tabref }, onajaxpageload:function(pageurl){ //PUBLIC Event handler that can invoke custom code whenever an Ajax page has been fetched and displayed //do nothing by default }, expandtab:function(tabref){ var relattrvalue=tabref.getAttribute("rel") //Get "rev" attr as a string of IDs in the format ",john,george,trey,etc," to easy searching through var associatedrevids=(tabref.getAttribute("rev"))? ","+tabref.getAttribute("rev").replace(/\s+/, "")+"," : "" if (relattrvalue=="#default") document.getElementById(this.contentdivid).innerHTML=this.defaultHTML else if (relattrvalue=="#iframe") this.iframedisplay(tabref.getAttribute("href"), this.contentdivid) else ddajaxtabs.connect(tabref.getAttribute("href"), this) this.expandrevcontent(associatedrevids) for (var i=0; i<this.tabs.length; i++){ //Loop through all tabs, and assign only the selected tab the CSS class "selected" this.getselectedClassTarget(this.tabs[i]).className=(this.tabs[i].getAttribute(" href")==tabref.getAttribute("href"))? "selected" : "" } if (this.enabletabpersistence) //if persistence enabled, save selected tab position(int) relative to its peers ddajaxtabs.setCookie(this.tabinterfaceid, tabref.tabposition) }, iframedisplay:function(pageurl, contentdivid){ if (typeof window.frames["_ddajaxtabsiframe-"+contentdivid]!="undefined"){ try{delete window.frames["_ddajaxtabsiframe-"+contentdivid]} //delete iframe within Tab content container if it exists (due to bug in Firefox) catch(err){} } document.getElementById(contentdivid).innerHTML=this.defaultIframe window.frames["_ddajaxtabsiframe-"+contentdivid].location.replace(pageurl) //load desired page into iframe }, expandrevcontent:function(associatedrevids){ var allrevids=this.revcontentids for (var i=0; i<allrevids.length; i++){ //Loop through rev attributes for all tabs in this tab interface //if any values stored within associatedrevids matches one within allrevids, expand that DIV, otherwise, contract it document.getElementById(allrevids[i]).style.display=(associatedrevids.indexOf(","+allrevids[ i]+",")!=-1)? "block" : "none" } }, autorun:function(){ //function to auto cycle through and select tabs based on a set interval var currentTabIndex=this.automode_currentTabIndex //index within this.hottabspositions to begin var hottabspositions=this.hottabspositions //Array containing position numbers of "hot" tabs (those with a "rel" attr) this.expandtab(this.tabs[hottabspositions[currentTabIndex]]) this.automode_currentTabIndex=(currentTabIndex<hottabspositions.length-1)? currentTabIndex+1 : 0 //increment currentTabIndex }, cancelautorun:function(){ if (typeof this.autoruntimer!="undefined") clearInterval(this.autoruntimer) }, init:function(automodeperiod){ var persistedtab=ddajaxtabs.getCookie(this.tabinterfaceid) //get position of persisted tab (applicable if persistence is enabled) var persisterror=true //Bool variable to check whether persisted tab position is valid (can become invalid if user has modified tab structure) this.automodeperiod=automodeperiod || 0 this.defaultHTML=document.getElementById(this.contentdivid).innerHTML for (var i=0; i<this.tabs.length; i++){ this.tabs[i].tabposition=i //remember position of tab relative to its peers if (this.tabs[i].getAttribute("rel")){ var tabinstance=this this.hottabspositions[this.hottabspositions.length]=i //store position of "hot" tab ("rel" attr defined) relative to its peers this.tabs[i].onclick=function(){ tabinstance.expandtab(this) tabinstance.cancelautorun() //stop auto cycling of tabs (if running) return false } if (this.tabs[i].getAttribute("rev")){ //if "rev" attr defined, store each value within "rev" as an array element this.revcontentids=this.revcontentids.concat(this.tabs[i].getAttribute("rev").split(/ \s*,\s*/)) } if (this.enabletabpersistence && parseInt(persistedtab)==i || !this.enabletabpersistence && this.getselectedClassTarget(this.tabs[i]).className=="selected"){ this.expandtab(this.tabs[i]) //expand current tab if it's the persisted tab, or if persist=off, carries the "selected" CSS class persisterror=false //Persisted tab (if applicable) was found, so set "persisterror" to false //If currently selected tab's index(i) is greater than 0, this means its not the 1st tab, so set the tab to begin in automode to 1st tab: this.automode_currentTabIndex=(i>0)? 0 : 1 } } } //END for loop if (persisterror) //if an error has occured while trying to retrieve persisted tab (based on its position within its peers) this.expandtab(this.tabs[this.hottabspositions[0]]) //Just select first tab that contains a "rel" attr if (parseInt(this.automodeperiod)>500 && this.hottabspositions.length>1){ this.automode_currentTabIndex=this.automode_currentTabIndex || 0 this.autoruntimer=setInterval(function(){tabinstance.autorun()}, this.automodeperiod) } } //END int() function } //END Prototype assignment

W pozostałych plikach html ustawiłem kodowanie na iso-8859-2
Użytkownik sauron edytował ten post 26 grudzień 2007, 14:12
Powód edycji: dodanie [codebox]

zalecam stosowanie UTF-8 strony a także jeżeli np. używasz PHP - wymusić w nim także kodowanie UTF-8
header('Content-Type: text/html; charset=utf-8');

nie używam w tym przypadku PHP

IMO wystarczy w plikach HTML ustawić kodowanie UTF-8, tak samo wszystkie pliki, czy HTML, czy JS musisz zapisać w takim samym kodowaniu jakie ustawiłeś w kodzie.
Użytkownik matilinks edytował ten post 26 grudzień 2007, 22:26

ok, dzięki wielkie, pomogło, pozdrawiam

A ja mam taki problem:
<div align=center><b>Zarządzanie forami</b></div> <? print" <br>Dodawanie forum <form action=?co=dodaj_forum method=POST> <table border=0 cellspacing=0> <tr><td>Nazwa</td><td>Opis</td><td>Położenie w...</td></tr> <tr><td><input type=text name=nazwa class=\"inp\" id=\"nazwaf\"></td><td> <input type=text class=\"inp\" name=opis id=\"opisf\"></td><td> <select name=\"kategoria\" class=\"inp\" id=\"kategoriaf\"> <option value=\"jakasnazwa\" class=kk>Kategoria: jakasnazwa</option> </select> <div id='katttfor' class='warstwa2' style='display:none;'> <table border=0 width=100%><tr><td>Dodano forum! </td><td align=right valign=top></td></tr></table> </div> </td></tr> </table> <input onclick=\"dodajforo()\" type=\"button\" value=\"Dodaj \" class=inp> </form>"; ?> </div>
Powyżej umieszczony kod podaje formularz, tworzy w ten sposób fragment skryptu forum w panelu administracyjnym! Przy użyciu Ajaxa ma on :
function dodajforo() { _nazwaf = document.getElementById('nazwaf'); _opisf = document.getElementById('opisf'); _kategoriaf = document.getElementById('kategoriaf'); x_addfor(_nazwaf.value, _opisf.value, _kategoriaf.value, wyswietl_wynikfor); katttfor.style.display='block' } i :
<? include('Sajax.php'); function addfor($nazwa, $opis, $kategoria) { if ($nazwa&&$opis&&$kategoria){ include('mysql.php'); include('config.php'); $query = "INSERT INTO ".$prefix."_fora (nazwa, opis, kategoria) VALUES ('".$nazwa."', '".$opis."', '".$kategoria."');"; $wynik= mysql_query($query); return"Dodano!"; }} sajax_init(); sajax_export('addfor'); sajax_handle_client_request(); ?>
Problem w tym, że gdy do bazy danych zostaną wpisane dane nowego wpisu, polskie znaki będą wyglądały tak:
Wpisuję: Pączek | świetne a rekord wygląda tak: P%u0105czek | %u015Bwietne
Jak zrobić, żeby do bazy rekordy były dopisywane bez takich błędów?
Pozdrawiam!

Pomijając kompletny bałagan w kodzie, sprawdź, czy wszędzie masz ustawione takie samo kodowanie (najlepiej UTF-8)

W kodzie nigdzie tego nie ustawiałem!

OK, ale kodowanie przy zapisie musisz ustawić. Jak to nie pomoże to sprawdz jeszcze tutaj albo użyj google :D, bo tego typu tematów jest pełno
Użytkownik matilinks edytował ten post 05 styczeń 2008, 15:25
Dobra, a jak to zmienić?

Kurde to ja nie wiem, na moim kompie dzałało... Żeby wszystko obsługiwał skrypt...

P.S. A jest inny, prostszy sposób??

ustaw sobie kodowanie połączenia z bazą mysql

$this->query('SET CHARACTER SET utf8'); //wykonaj to polecenie przed innymi zapytaniami do mysql

//jak czegoś niedoczytałem to sory
Użytkownik Algoritm edytował ten post 07 styczeń 2008, 15:16
Acha może pomoże, DZIĘKI :)
Pozdrawiam!
P.S. Jak to poprawnie wsadzić? Bo jak piszę $this->query('SET CHARACTER SET utf8'); to nie działa, tylko jest error :/
Użytkownik ementos edytował ten post 07 styczeń 2008, 17:23

Acha może pomoże, DZIĘKI :)
Pozdrawiam!
P.S. Jak to poprawnie wsadzić? Bo jak piszę $this->query('SET CHARACTER SET utf8'); to nie działa, tylko jest error :/
to był cytat z mojego kodu ;)

Musisz wysłać zapytanie do mysql pt. "SET CHARACTER SET utf8".
Użytkownik Algoritm edytował ten post 07 styczeń 2008, 17:47
Sorry za kłopoty, ale czy mógłbyś mi pokazać na przykładzie??

Jak ten kod wsadzić tu:
function addfor($nazwa, $opis, $kategoria) { if ($nazwa&&$opis&&$kategoria){ include('mysql.php'); include('config.php'); $query = "INSERT INTO ".$prefix."_fora (nazwa, opis, kategoria) VALUES ('".$nazwa."', '".$opis."', '".$kategoria."');"; $wynik= mysql_query($query); return"Dodano!"; }}??

P.S. ale to jesczcze inaczej! Kodowanie psuje się w przesyłaniu z Java Scriptu - chyba, bo w mailach też są takie głupie błędy kodowania! JAK WIĘC NAPRAWIĆ TO??
Pozdr
Użytkownik ementos edytował ten post 08 styczeń 2008, 19:09
Powód edycji: edytuj posty!!
function addfor($nazwa, $opis, $kategoria) { if ($nazwa&&$opis&&$kategoria){ include('mysql.php'); include('config.php'); $query = "SET CHARACTER SET utf8"; // mysql_query($query); // $query = "INSERT INTO ".$prefix."_fora (nazwa, opis, kategoria) VALUES ('".$nazwa."', '".$opis."', '".$kategoria."');"; $wynik= mysql_query($query); return"Dodano!"; }}

Ew. jeszcze w bazie danych zmień na utf8_general_ci

A jeżeli się psuje w JS to po prostu zmień kodowanie pliku na utf-8

Zmieniłem PHP na:
function addfor($nazwa, $opis, $kategoria) { if ($nazwa&&$opis&&$kategoria){ include('mysql.php'); include('config.php'); $query = "SET CHARACTER SET utf8"; // mysql_query($query); // $query = "INSERT INTO ".$prefix."_fora (nazwa, opis, kategoria) VALUES ('".$nazwa."', '".$opis."', '".$kategoria."');"; $wynik= mysql_query($query); return"Dodano!"; }} - jak proponowałeś... ale niestety to błąd Javascriptu/Ajaxa (nie wiem do końca) (choć przez alert działa poprawnie), jednak jak tu
function dodajforo() { _nazwaf = document.getElementById('nazwaf'); _opisf = document.getElementById('opisf'); _kategoriaf = document.getElementById('kategoriaf'); // Gdy zrobiłem alert działały polskie znaki! x_addfor(_nazwaf.value, _opisf.value, _kategoriaf.value, wyswietl_wynikfor); // Jednak po exporcie... katttfor.style.display='block' } musi tkwić błąd przy exporcie x_addfor!!
I jak to naprawić?
Wpisałem "Aktualności", a do bazy wpisało się -> "Aktualności"
Pozdrawiam
P.S. Ups w skryciku<script>function test(){ advAJAX.get({ url : 'strona.php', onSuccess:function(obj) { document.getElementById('test').innerHTML=obj.responseText; } })} </script> ................. <div id="test"></div> Także nie są wyświetlane polskie znaki ze strony (strona.php) :(
Użytkownik ementos edytował ten post 10 styczeń 2008, 19:36

Sitedesign by AltusUmbrae.

Darmowy hosting zapewnia PRV.PL