jQuery Forum

How do you target a DIV ID inside of the frame?

Not working:

1. $("<p>Lorem Ipsum</p>").insertBefore('#myFrame.ContentArea');

I want to add the P text to a div with an ID="ContentArea" that is inside the iFrame.

This works if the DIV is in the same page as the script:
$("<p>Lorem Ipsum</p>").insertBefore('#ContentArea');

but I have moved that DIV inside of an iFrame now and I need to traverse the path to it.

I would like my buttons to look exactly like the collapsible Divs. What do you think would be the best way?

I thought I might have an empty Div, the problem is that it opens and closes when you click on it and come back, which shifts all the buttons below it.

1. <div data-role="collapsible" data-collapsed="true" data-theme="e">
           <h3 onClick="location.href='mypage.htm'">My Button</h3>
           </div>       

Then I thought I could create custom duplicate styles on the button and style it like the Div. I would just prefix each duplicate with "Square_" .

1.    <!-- Button -->
       <a id="JobFairLink" href="JobFairLink.htm" class="Square_ui-btn Square_ui-btn-icon-left Square_ui-btn-corner-all Square_ui-shadow Square_ui-btn-up-e" data-theme="e" data-role="button"><span class="Square_ui-btn-inner Square_ui-btn-corner-all"><span class="Square_ui-btn-text">Job Fairs</span></span></a>

I want to create a button that does not have rounded corners, spans the entire block width, has no icon, but otherwise looks like the data-role="collapse".

I am trying to pass a variable to the container selector of an Ajax .load, but I've had no luck.

I want to have one div that loads in different HTML based on the link selected.

<script>
//Set the selector container to this var
var $theContainer="#NewsDiv";//this is the variable that the link would pass.
</script>

<div data-role="content" id="result">
    <script>
        $('#result').load('ajax.htm $theContainer'); //it won't let me pass a variable in the selector      
    </script>
</div>