jQuery Forum

<table cellspacing="0" cellpadding="0" border="0" ><tr><td valign="top" style="font: inherit;">I've been googling around but found no answer that works for me.
I'm loading some content from a PHP script using the load() function inside an html document that already has the utf-8 encoding meta tag. I suposed that the rule at the head of the container document will affect all loaded contents, but it doesn't.
The PHP I'm loading is using a switch to serve different contents, for every case I have open php tags like this:
case '1':
?>
Here comes the choosen HTML contents
<?
break
In my PHP I have also placed a header to indicate the content is utf-8:
header ('Content-type: text/html; charset=utf-8');
But maybe just because the final content is out of php tags maybe it is not affecting the content...
I have also tried setting the AJAX defaults:
    $.ajaxSetup({

        scriptCharset: "utf-8" ,
        contentType: "text/html; charset=utf-8"
    });
But not even like that...
How can I fix that?
</td></tr></table>

<table cellspacing="0" cellpadding="0" border="0" ><tr><td valign="top" style="font: inherit;">I'm reading the contents of an XML perfectly with FF but IE doesn't load the contents of the XML, everything seems to be ok, can somebody tell me what's wrong?
        var xml = $.ajax(
        {
            type: "GET",
            url: xmlFile,
            dataType: "xml",
            success: function(xml)
            {
                total = xml.getElementsByTagName("item").length;
              
 for(x=0;x<total;x++)
                {
                    title[x] = xml.getElementsByTagName("title")[x].firstChild.data;
                    desc[x] = xml.getElementsByTagName("desc")[x].firstChild.data;
                };
            }
        });</td></tr></table>

<table cellspacing="0" cellpadding="0" border="0" ><tr><td valign="top" style="font: inherit;">Hi there, I'm appending some divs with a thumbnail to an existing div called "main_area" and i would like to take controll of the appended links, but I can't. I have tried this:
$("#main_area").append("<div class="pics"><a href="pics/1.jpg"><img src="pics/1_thumb.jpg" width="100px" height="100px"></a></div>", function(){
$(".pics a").click(function(event){
return null;
})
});
I have also tried to add a function when document ready to control $("#main_area a") but it neither works, It seems like appended content is out of the DOM, how can I reach those elements?
</td></tr></table>

<table cellspacing="0" cellpadding="0" border="0" ><tr><td valign="top" style="font: inherit;">Hello, I have a div that already contains a flash movie and some code that adobe flash needs to display the movie:
///////////////////////////////
<div id="mydiv">
<!--url's used in the movie-->
<!--text used in the movie-->
<!--
<p align="left">

<p align="center">

-->
<!-- saved from url=(0013)about:internet -->
<script language="JavaScript" type="text/javascript">
    AC_FL_RunContent(
        'codebase', 'http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=10,0,0,0',
        'width', '800',
        'height', '450',
        'src', 'animation',
       
'quality', 'high',
        'pluginspage', 'http://www.adobe.com/go/getflashplayer',
        'align', 'middle',
        'play', 'true',
        'loop', 'true',
        'scale', 'showall',
        'wmode', 'window',
        'devicefont', 'false',
        'id', 'animation',
        'bgcolor', '#ffffff',
        'name', 'animation',
        'menu', 'true',
        'allowFullScreen', 'false',
        'allowScriptAccess','sameDomain',
        'movie', 'animation',
       
'salign', ''
        ); //end AC code
</script>
<noscript>
    <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=10,0,0,0" width="800" height="450" id="animation" align="middle">
    <param name="allowScriptAccess" value="sameDomain" />
    <param name="allowFullScreen" value="false" />
    <param name="movie" value="animation.swf" /><param name="quality" value="high" /><param name="bgcolor" value="#ffffff" />    <embed src="animation.swf" quality="high" bgcolor="#ffffff" width="800" height="450" name="animation" align="middle" allowScriptAccess="sameDomain" allowFullScreen="false" type="application/x-shockwave-flash" pluginspage="http://www.adobe.com/go/getflashplayer"
/>
    </object>
</noscript>
</div>
//////////////
I'am attempting to load an html document that contains only a portion of html identical to the one in the div but pointing to another swf:
/////////////
<!--url's used in the movie-->
<!--text used in the movie-->
<!--
<p align="left">

<p align="center">

-->
<!-- saved from url=(0013)about:internet -->
<script language="JavaScript" type="text/javascript">
    AC_FL_RunContent(
        'codebase', 'http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=10,0,0,0',
        'width', '800',
        'height', '450',
        'src', 'animation2',
        'quality',
'high',
        'pluginspage', 'http://www.adobe.com/go/getflashplayer',
        'align', 'middle',
        'play', 'true',
        'loop', 'true',
        'scale', 'showall',
        'wmode', 'window',
        'devicefont', 'false',
        'id', 'animation2',
        'bgcolor', '#ffffff',
        'name', 'animation2',
        'menu', 'true',
        'allowFullScreen', 'false',
        'allowScriptAccess','sameDomain',
        'movie', 'animation2',
        'salign',
''
        ); //end AC code
</script>
<noscript>
    <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=10,0,0,0" width="800" height="450" id="animation2" align="middle">
    <param name="allowScriptAccess" value="sameDomain" />
    <param name="allowFullScreen" value="false" />
    <param name="movie" value="animation2.swf" /><param name="quality" value="high" /><param name="bgcolor" value="#ffffff" />    <embed src="animation2.swf" quality="high" bgcolor="#ffffff" width="800" height="450" name="animation2" align="middle" allowScriptAccess="sameDomain" allowFullScreen="false" type="application/x-shockwave-flash" pluginspage="http://www.adobe.com/go/getflashplayer"
/>
    </object>
</noscript>
////////////////////////////////
I'm using:
$("#mydiv").load('swf.html')
When I try to load it the content of the loaded html replaces the entire document, doesn't stay in div, why should it be?
</td></tr></table>

<table cellspacing="0" cellpadding="0" border="0" ><tr><td valign="top" style="font: inherit;">After 1 day googling and trying I find no agreement in a solid method for comunicating with iframe, this is the nearest point I've been to get in touch with IFRAME:
$(frames['Theiframe']).ready( function ()
{
    alert('Frame is loaded');
});
This will alert the message, but any attempt to comunicate with the iframe and access it's contents have been useless, I have a hidden field with with ID "login" and I'm trying to get it's value:
$(frames['Theiframe']).find("#login").val(); //Doesn't work in FF 3.0.14
/////////////////////////////////////////////////////////////////////////////////////////////////////
var $currentIFrame = $(frames['Theiframe']);
$currentIFrame.contents().find("body #login").val() //Neither does in FF 3.0.14
If you Google a few you will see that everyone is giving
it's own opinion on how to do it, but there's no agreement and no crossbrowser solid solution...
</td></tr></table>

<table cellspacing="0" cellpadding="0" border="0" ><tr><td valign="top" style="font: inherit;">Is this possible? Been trying but doesn't seem to work...
</td></tr></table>

<table cellspacing="0" cellpadding="0" border="0" ><tr><td valign="top" style="font: inherit;">Can I detect somehow if a content has been loaded in an iframe?
I'm not talking about the first loading of the iframe, but afterwords. I have a flash movie inside an iframe and this flash movie loads a document in the iframe when a button is clicked, all I want is the main page to detect when this content has been loaded or when iframe content is modified or refreshed...
Any hints?
</td></tr></table>

<table cellspacing="0" cellpadding="0" border="0" ><tr><td valign="top" style="font: inherit;"><div id="yiv761496052">Hello!
I have a form with some fields like this:
<input type="text" name="item[]" id="item[1]" />
<input type="text" name="item[]" id="item[2]" />
<input type="text" name="item[]" id="item[3]" />
<input type="text" name="item[]" id="item[4]" />
How can I retriev the values with jquery?
I'm using this:
***************************
item = new Array();
for(var n = 0 ; n < items_amount ; n++)
{
item = $("#item[n]").val();
}
******************************
Where n is a number that comes from a bucle FOR, cuase I also know how many elements come in the array...
I allways get undefined when I try to see item[] value.
</div></td></tr></table>

<table cellspacing="0" cellpadding="0" border="0" ><tr><td valign="top" style="font: inherit;">Hello, I would like to know if I can load a small text from a external source into a textarea.
the external source is a php that will write some clean text depending on the vars received.
I know load() can do the job for a div but I don't think it will work for a textarea.
</td></tr></table>

<table cellspacing="0" cellpadding="0" border="0" ><tr><td valign="top" style="font: inherit;">I find it really sad that jquery doesn't have a oficial forum out there...
My question is posted in this one, I can't post it here cause the HTML inside will blow the e-mail:
<a href="http://www.jqueryhelp.com/viewtopic.php?t=3616">http://www.jqueryhelp.com/viewtopic.php?t=3616</a>
Can somebody help me with this, I'm really stuck...
</td></tr></table>

I'm trying to access an XML file, but it doesn't seem to work, this is an example of the XML:

<?xml version="1.0" encoding="ISO-8859-1"?>
<pics>
   <pic>
      <autor>rtteewt</autor>
      <desc>trhtrhtreherhetrhhrh</desc>
   </pic>
   <pic>
      <autor>tewtewt</autor>
      <desc>hytjyujryukukyyu.</desc>
   </pic>
   <pic>
      <autor>5yutru</autor>
      <desc>fghgyhvehtyudyd</desc>
   </pic>
   <pic>
      <autor>jhgjgfj</autor>
      <desc>trhythtrjtikui</desc>
   </pic>
</pics>


This is a simple jquery function I'm using just to check if Im able to read the content:

var total = 0;
function readXML(section)
   var xml = $.ajax(
   {
      type: "GET",
      url : "xmldocs/picslist.xml",
      dataType: "xml",
      success: function(xml)
      {

            total = xml.getElementsByTagName("pic").length;

      }
   });
   alert(total);
}   


I'm getting 0 all the time...

I have some images like this:

<a href="#" onclick="showPics('new_car', 'h')"><img src="images/new_car.jpg" width="150" height="224" alt="My new car" title="My new car" border="0"/></a>

The function:

function showPics(target, position)
{
   $('#foto_frame').show();
   if(position == 'v')
   {
      $('#foto_frame').html("<img src='images/full/"+target+".jpg' width='286' heigth='428'>");
   }
   if(position == 'h')
   {
      $('#foto_frame').html("<img src='images/full/"+target+".jpg' width='640' heigth='428'>");
   }
}

The only way I wonder it may work is this:

<a href="#" id="new_car" width="150" height="224" alt="My new car" title="My new car" border="0"/></a>

And then:

$('document').ready(function()
{
          $("#new_car").click(function(event)
   {
       showPics('new_car', 'h');
   });
});


Is this the smartest way to achieve it or is there any more functional solution?

If you look at the example page of the validation plugin:
http://jquery.bassistance.de/validate/demo/
The second form fields can be accessed with IE6, when you click on them you set the focus but you can write.
I wonder if this only me (Cause my IE6 is a multy installation of IE versions) or if it happens to real IE6 and maybe 7.
In that case, anyone knows how to fix this?

(I have seen the charset suggestion in Google but it doesn't work for this issue)

I'm using cycle to load images which work under the following css:
.bg {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5000;
    -ms-interpolation-mode: bicubic;
}
That make them look full browser in almost everycase.
Pictures must have a common screen correlation to fill the gap: 800 X 600,
1024 X 768 etc.
The problem is when proportions are not perfect, like 1024 X 683...
In this case it would be fantastic to resize the pic proportionally to fit
in the screen.
I just wonder where exactly in the cycle.plugin code should I place the
conditional:
if($(window).heigth() > $(img).heigth())
{
//RESIZE THE PIC PROPORTIONALLY ETC...
}
--
View this message in context: http://www.nabble.com/Cycle-plugin%3A-Fill-browser-heigth-and-width-with-images-tp24729038s27240p24729038.html
Sent from the jQuery General Discussion mailing list archive at Nabble.com.

Hi there, I will try to post a question here, but I don't know if it will
work because even though I haven't checked the "message is in HTML format"
checkbox it continues rendering the text as HTML so it is getting harder to
post some code in here... I'm using cycle in a personal project and I want
all the images to be defined under a certain class, so I use this:
opts.addSlide(' pics/photo'+(currentImageNum+1)+'.jpg ');
Also in the initial pics:
pics/photo1.jpg
pics/photo2.jpg
I'm using a function under the onready condition that affects only elements
under "bg" class:
$('.bg').bind('mouseover', daFunc)
It only works with the 2 initial pics, the aditional pics do not respond to
the event...
Any hints?
--
View this message in context: http://www.nabble.com/Cycle---Problem-setting-a-class-for-aditional-slides-tp24717819s27240p24717819.html
Sent from the jQuery General Discussion mailing list archive at Nabble.com.