not all divs are found / affected

http://landmark.dev.campuswebstore.mobi/

There are more divs than "A" "R" "A27" etc.

Why don't "B", "C", "D" etc. show up?


   $('div[id*="landmark"]').each(function ()
            {
                //$(this).text($(this).attr("id")).css("width", "100px").css("height", "100px").css("border", "1px solid red");

                $(this).text($(this).attr("id").replace("landmark", "")).css("width", "100px").css("height", "100px").css("border", "1px solid red");
            })

Open in new window



Thank you,

Tom
LVL 5
Tom KnowltonWeb developerAsked:
Who is Participating?
 
leakim971Connect With a Mentor PluritechnicianCommented:
you may use prepend() instead text() :

http://jsfiddle.net/LzQqU/4/

$(this).prepend($(this).attr("id").replace("landmark", "")).css("width", "100px").css("height", "100px").css("border", "1px solid red");

Open in new window

0
 
leakim971PluritechnicianCommented:
bad link, please update
0
 
Tom KnowltonWeb developerAuthor Commented:
I think perhaps the domain DNS has not propagated yet.

Here is the rendered HTML:

/*
  Throbber Plugin for jQuery
  Version: v0.1.1

  Copyright (C) 2008 by Systemantics, Bureau for Informatics

  Lutz Issler
  Mauerstr. 10-12
  52064 Aachen
  GERMANY

  Web:    www.systemantics.net
  Email:  mail@systemantics.net

  This plugin is distributed under the terms of the
  GNU Lesser General Public license. The license can be obtained
  from http://www.gnu.org/licenses/lgpl.html.
*/

(function($){

	var defaultOptions = {
			ajax: true,
			delay: 0,
			image: "throbber.gif",
			parent: "",
			wrap: ""
		};

	// Hide all AJAX throbbers on AJAX stop
	$().ajaxStop(function() {
		_throbberHide($(".throbber_ajax"));
	});

	// Internal method
	// Important: options.parent must contain a proper parent (or null)!
	_throbberShow = function(options, jelement) {
		var jparent;
		if (options.parent) {
			jelement = null;
			jparent = $(options.parent);
		} else {
			jparent = (jelement ? jelement.parent() : $("body"));
		}
		if (jparent.find(".throbber").length==0) {
			// No throbber there yet
			window.clearTimeout(jparent.data("throbber_timeout"));
			jparent.data("throbber_timeout", window.setTimeout(function() {
				// Create throbber
				var throbber = $('<img src="'+options.image+'" class="throbber" />');
				if (options.ajax) {
					throbber.addClass("throbber_ajax");
				}
				if (jelement) {
					// Show local throbber
					throbber.data("throbber_element", jelement);
					jelement
						.hide()
						.after(throbber);
				} else {
					// Show attached throbber
					jparent
						.children().hide().end()
						.append(throbber);
				}
				if (options.wrap!="") {
					throbber.wrap(options.wrap);
				}
			}, options.delay));
		}
	};

	// Internal method
	// Hide all specified throbbers
	_throbberHide = function(throbbers) {
		throbbers.each(function() {
			var throbber = $(this);
			var jelement = throbber.data("throbber_element");
			if (jelement) {
				// Hide local throbber
				jelement.show();
			} else {
				throbber.siblings().show();
			}
			window.clearTimeout(throbber.parent().data("throbber_timeout"));
			throbber.remove();
		});
	}

	// Add throbbers to a set of elements
	$.fn.throbber = function(event, options) {
		if (typeof event=="undefined") {
			// Called as throbber()
			event = "click";
			options = {};
		} else if (typeof event=="object") {
			// Called as throbber(options)
			options = event;
			event = "click";
		} else if (typeof options=="undefined") {
			// Called as throbber(event)
			options = {};
		}
		options = $.extend({}, defaultOptions, options);
		$(this).each(function() {
			var jtarget = $(this);
			jtarget.bind(event, function() {
				_throbberShow(options, jtarget);
			});
		});
		return $(this);
	};

	// Immediately show a throbber
	$.throbberShow = function(options) {
		options = $.extend({}, defaultOptions, options);
		_throbberShow(options, null);
		return $;
	};

	// Hide all throbbers
	$.throbberHide = function() {
		_throbberHide($(".throbber"));
		return $;
	};

})(jQuery);

Open in new window


0
Never miss a deadline with monday.com

The revolutionary project management tool is here!   Plan visually with a single glance and make sure your projects get done.

 
Tom KnowltonWeb developerAuthor Commented:
Sorry....here is the rendered HTML....
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html>
<head id="ctl00_Head1"><link href="App_Themes/landmark/addoredit_control.css" type="text/css" rel="stylesheet" /><link href="App_Themes/landmark/booksearchstyling.css" type="text/css" rel="stylesheet" /><link href="App_Themes/landmark/catalogstyling.css" type="text/css" rel="stylesheet" /><link href="App_Themes/landmark/cws2.css" type="text/css" rel="stylesheet" /><link href="App_Themes/landmark/Faculty.css" type="text/css" rel="stylesheet" /><link href="App_Themes/landmark/landmark.css" type="text/css" rel="stylesheet" /><link href="App_Themes/landmark/loginpagestyling.css" type="text/css" rel="stylesheet" /><link href="App_Themes/landmark/minicartstyling.css" type="text/css" rel="stylesheet" /><link href="App_Themes/landmark/miniloginstyling.css" type="text/css" rel="stylesheet" /><link href="App_Themes/landmark/orderdonestyling.css" type="text/css" rel="stylesheet" /><link href="App_Themes/landmark/shippingmethodstyling.css" type="text/css" rel="stylesheet" /><link href="App_Themes/landmark/topcartstyling.css" type="text/css" rel="stylesheet" /><link href="App_Themes/landmark/useremailandphonestyling.css" type="text/css" rel="stylesheet" /><link href="App_Themes/landmark/waitmessagestyling.css" type="text/css" rel="stylesheet" /><link href="App_Themes/landmark/webmessageboxstyling.css" type="text/css" rel="stylesheet" /><title>
	Landmark College Bookstore 
</title><link href="Scripts/allclients.css" rel="stylesheet" type="text/css" /><link href="Scripts/jquery.superbox.css" rel="stylesheet" type="text/css" />
    <script src="../../Scripts/jquery-1.5.1.min.js" type="text/javascript"></script>
    <script src="../../Scripts/jquery-ui-1.8.13.custom.min.js" type="text/javascript"></script>
    <script src="../../Scripts/jquery.throbber.js" type="text/javascript"></script>
    <script src="../../Scripts/jquery.simplemodal-1.4.1.js" type="text/javascript"></script>

    <script src="../../EFUImageUploader/efu-js/easyflashuploader.js" type="text/javascript"></script>
    <script src="../../EFUImageUploader/efu-js/language.en.js" type="text/javascript"></script>

<link rel="SHORTCUT ICON" href="App_Themes/LANDMARK/Images/favicon.ico" type="image/vnd.microsoft.icon" />
   
    <script type="text/javascript">


        $(function ()
        {
            $("#header-outer").click(function (e)
            {
                var relativeX = e.pageX - this.offsetLeft;
                var relativeY = e.pageY - this.offsetTop;
                if (relativeX > 650 && relativeY > 22 && relativeY < 120)
                {
                    window.location = "https://utbookstore.org";
                }
            });
            $("#header-outer").mousemove(function (e)
            {
                var relativeX = e.pageX - this.offsetLeft;
                var relativeY = e.pageY - this.offsetTop;
                if (relativeX > 650 && relativeY > 22 && relativeY < 120)
                {
                    this.style.cursor = 'pointer';
                }
                else
                {
                    this.style.cursor = 'default';
                }
            });


            $('select').change(function ()
            {
                $('#waitanimationtext').text(" Retrieving Data - Please wait...");
                $('option').throbber({ parent: "#waitanimation", image: "/ajax-loader.gif" });
            });

            $('input[id*="ButtonCheckAvail"]').mousedown(function ()
            {
                $('#waitanimationtext').text(" Checking Name Availability - Please wait...");
                $(this).throbber({ parent: "#waitanimation", image: "/ajax-loader.gif" });
            });

            $('input[id*="ButtonChangePW"]').mousedown(function ()
            {
                $('#waitanimationtext').text(" Changing Password - Please wait...");
                $(this).throbber({ parent: "#waitanimation", image: "/ajax-loader.gif" });
            });



            $('div[id*="landmark"]').each(function ()
            {
                //$(this).text($(this).attr("id")).css("width", "100px").css("height", "100px").css("border", "1px solid red");

                $(this).text($(this).attr("id").replace("landmark", "")).css("width", "100px").css("height", "100px").css("border", "1px solid red");
            });


        });
</script>

</head>
<body id="ctl00_bodytaglandmark">
    <form name="aspnetForm" method="post" action="default.aspx" id="aspnetForm" autocomplete="off">
<div>

<input type="hidden" name="ctl00_toolKit_HiddenField" id="ctl00_toolKit_HiddenField" value="" />
<input type="hidden" name="__EVENTTARGET" id="__EVENTTARGET" value="" />
<input type="hidden" name="__EVENTARGUMENT" id="__EVENTARGUMENT" value="" />
<input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="/wEPDwULLTEwMDUyNjYzMjhkZBFdEWT7Q0hhrKGwaYEDcmC8HZ5/" />
</div>

<script type="text/javascript">
//<![CDATA[
var theForm = document.forms['aspnetForm'];
if (!theForm) {
    theForm = document.aspnetForm;
}
function __doPostBack(eventTarget, eventArgument) {
    if (!theForm.onsubmit || (theForm.onsubmit() != false)) {
        theForm.__EVENTTARGET.value = eventTarget;
        theForm.__EVENTARGUMENT.value = eventArgument;
        theForm.submit();
    }
}
//]]>
</script>


<script src="/WebResource.axd?d=0eDm6pfK_BXYtnO_ytYMBw2&amp;t=634050932591131846" type="text/javascript"></script>

<script type='text/javascript'>function getTheme() {return 'landmark'; }</script>
<script src="/ScriptResource.axd?d=rQumcgnk1gQamPFatKYFg_uCNlnQSb8oD8Ps0ihG2L561EFkG1bzTpgvh5Elyz_o0&amp;t=ffffffffeeda54d0" type="text/javascript"></script>

<script src="/ScriptResource.axd?d=rQumcgnk1gQamPFatKYFg_uCNlnQSb8oD8Ps0ihG2L5pyP7eg5cXNw3fGT2KzLhy0&amp;t=ffffffffeeda54d0" type="text/javascript"></script>
<script src="scripts/thickbox.js" type="text/javascript"></script>
<script src="scripts/contact.js" type="text/javascript"></script>
    <script type="text/javascript">
//<![CDATA[
Sys.WebForms.PageRequestManager._initialize('ctl00$toolKit', document.getElementById('aspnetForm'));
Sys.WebForms.PageRequestManager.getInstance()._updateControls([], [], [], 90);
//]]>
</script>



<div id='landmarkA' class='landmarkA'>

<div id='landmarkB' class='landmarkB'>hi

<div id='landmarkL' class='landmarkL'>

<div id='landmarkD' class='landmarkD'>

<div id='landmarkE' class='landmarkE'>
</div><!-- end of div landmarkE -->

<div id='landmarkG' class='landmarkG'>
</div><!-- end of div landmarkG -->
<div id='landmarkH' class='landmarkH'>
</div><!-- end of div landmarkH -->

</div><!-- end of div landmarkD -->

<div id='landmarkK' class='landmarkK'>

<div id='landmarkN' class='landmarkN'>
</div><!-- end of div landmarkN -->
<div id='landmarkO' class='landmarkO'>

</div><!-- end of div landmarkO -->
<div id='landmarkP' class='landmarkP'>
</div><!-- end of div landmarkP -->
<div id='landmarkQ' class='landmarkQ'>
</div><!-- end of div landmarkQ -->

</div><!-- end of div landmarkK -->

</div><!-- end of div landmarkL -->

<div id='landmarkJ' class='landmarkJ'>

<div id='landmarkF' class='landmarkF'>

<div id='landmarkI' class='landmarkI'>
</div><!-- end of div landmarkI -->

<div id='landmarkM' class='landmarkM'>
</div><!-- end of div landmarkM -->

</div><!-- end of div landmarkF -->

</div><!-- end of div landmarkJ -->

</div><!-- end of div landmarkB -->





</div><!-- end of div landmarkA -->



<div id='landmarkR' class='landmarkR'>


<div id='landmarkC' class='landmarkC'>

<div id='landmarkS' class='landmarkS'>
</div><!-- end of div landmarkS -->
<div id='landmarkT' class='landmarkT'>
</div><!-- end of div landmarkT -->
<div id='landmarkU' class='landmarkU'>
</div><!-- end of div landmarkU -->
<div id='landmarkV' class='landmarkV'>
</div><!-- end of div landmarkV -->
<div id='landmarkW' class='landmarkW'>
</div><!-- end of div landmarkW -->

</div><!-- end of div landmarkC -->


<div id='landmarkZ' class='landmarkZ'>
   
    <center>
        <table cellpadding="2" cellspacing="2" border="0" class="maincontent"> 
            <tr>
                <td valign="top" class="maincontent">                         
                                     <table height="835" border="0" width="700">
    <tbody>
        <tr>
            <td>

            <table style="background-color: white;">
                <tbody>
                    <tr>
                        <td><img alt="" style="width: 700px; height: 275px; border-width: 0px; border-style: solid;" src="/UserSettings/UserEditorImages/Piratewear_banner Summer0611_2.jpg" /></td>
                    </tr>
                </tbody>
                <tbody>
                    <tr>
                        <td>

                        <table border="0" align="middle" width="700">
                            <tbody>
                                <tr>
                                    <td valign="top"><a href="Catalog.aspx?CID=120&amp;c=Mens-Apparel-"><img alt="" style="width: 175px; height: 241px; border-width: 0px; border-style: solid;" src="/UserSettings/UserEditorImages/WhtNikeSidelinePolo2011Mens.jpg" /> </a></td>
                                    <td><a href="Catalog.aspx?CID=117&amp;c=Ladies-Apparel--23"><img alt="" style="width: 175px; height: 241px; border-width: 0px; border-style: solid;" src="/UserSettings/UserEditorImages/NikeSidelinePoloLadies.jpg" /> </a></td>
                                    <td><a href="Catalog.aspx?CID=108&amp;c=Sweats-29"><img alt="" style="width: 175px; height: 241px; border-width: 0px; border-style: solid;" src="/UserSettings/UserEditorImages/RusOxf2CArchSweats.jpg" /> </a></td>
                                </tr>

                            </tbody>
                        </table>
                        </td>
                    </tr>
                    <tr>
                        <td style="border-top: 4px solid #34006d;">&nbsp; </td>
                    </tr>
                    <tr>

                        <td>
                        <table border="0" align="center" width="700">
                            <tbody>
                                <tr>
                                    <td><a href="Catalog.aspx?CID=130&amp;c=New-Items"><img alt="" style="width: 175px; height: 241px; border-width: 0px; border-style: solid;" src="/UserSettings/UserEditorImages/PurJRNikeVisorNewItems_2.jpg" /> </a></td>
                                    <td><a href="Catalog.aspx?CID=126&amp;c=Sale-Items-"><img alt="" style="width: 175px; height: 241px; border-width: 0px; border-style: solid;" src="/UserSettings/UserEditorImages/ECUPurPilsnerCupSaleItems.jpg" /> </a></td>
                                    <td><a href="Catalog.aspx?CID=BEST.SELL&amp;c=BEST.SELL"><img alt="" style="width: 175px; height: 241px; border-width: 0px; border-style: solid;" src="/UserSettings/UserEditorImages/BestSellersPewterJRNCLicTag.jpg" /> </a></td>

                                </tr>
                            </tbody>
                        </table>
                        </td>
                    </tr>
                    <tr>
                        <td style="border-top: 4px solid #34006d;">&nbsp; </td>
                    </tr>

                    <tr>
                        <td>
                        <table border="0" align="center" width="700">
                            <tbody>
                                <tr>
                                    <td><a href="Catalog.aspx?CID=103&amp;c=T-Shirts"><img alt="" style="width: 175px; height: 241px; border-width: 0px; border-style: solid;" src="/UserSettings/UserEditorImages/BlkNikeJRT_SHIRTS.jpg" /> </a></td>
                                    <td><a href="Catalog.aspx?CID=113&amp;c=Game-Day-"><img alt="" style="width: 175px; height: 241px; border-width: 0px; border-style: solid;" src="/UserSettings/UserEditorImages/GAMEDAY_HelmetMag.jpg" /> </a></td>
                                    <td><a href="Catalog.aspx?CID=104&amp;c=Accessories"><img alt="" style="width: 175px; height: 241px; border-width: 0px; border-style: solid;" src="/UserSettings/UserEditorImages/ACCESSORIES_BELTSKULLCROSSBONES.jpg" /> </a></td>

                                </tr>
                            </tbody>
                        </table>
                        </td>
                    </tr>
                </tbody>
            </table>
            </td>
        </tr>

    </tbody>
</table>                               
                </td>
            </tr>
        </table>
    </center>


<div id='landmarkX' class='landmarkX'>
</div><!-- end of div landmarkX -->


<div id='landmarkA1' class='landmarkA1'>

</div><!-- end of div landmarkA1 -->
<div id='landmarkA3' class='landmarkA3'>
</div><!-- end of div landmarkA3 -->
<div id='landmarkA2' class='landmarkA2'>
</div><!-- end of div landmarkA2 -->
<div id='landmarkA4' class='landmarkA4'>
</div><!-- end of div landmarkA4 -->
<div id='landmarkA5' class='landmarkA5'>
</div><!-- end of div landmarkA5 -->
<div id='landmarkA6' class='landmarkA6'>
</div><!-- end of div landmarkA6 -->
<div id='landmarkA51' class='landmarkA51'>

<div id='landmarkA52' class='landmarkA52'>
</div><!-- end of div landmarkA52 -->
<div id='landmarkA53' class='landmarkA53'>
</div><!-- end of div landmarkA53 -->

</div><!-- end of div landmarkA51 -->



<div id='landmarkA12' class='landmarkA12'>

<div id='landmarkA7' class='landmarkA7'>
</div><!-- end of div landmarkA7 -->
<div id='landmarkA8' class='landmarkA8'>
</div><!-- end of div landmarkA8 -->
<div id='landmarkA9' class='landmarkA9'>
</div><!-- end of div landmarkA9 -->
<div id='landmarkA10' class='landmarkA10'>
</div><!-- end of div landmarkA10 -->
<div id='landmarkA11' class='landmarkA11'>
</div><!-- end of div landmarkA11 -->

</div><!-- end of div landmarkA12 -->


<div id='landmarkA13' class='landmarkA13'>

<div id='landmarkA14' class='landmarkA14'>
</div><!-- end of div landmarkA14 -->
<div id='landmarkA15' class='landmarkA15'>
</div><!-- end of div landmarkA15 -->
<div id='landmarkA16' class='landmarkA16'>
</div><!-- end of div landmarkA16 -->
<div id='landmarkA17' class='landmarkA17'>
</div><!-- end of div landmarkA17 -->
<div id='landmarkA18' class='landmarkA18'>
</div><!-- end of div landmarkA18 -->
<div id='landmarkA19' class='landmarkA19'>

</div><!-- end of div landmarkA19 -->

</div><!-- end of div landmarkA13 -->

<div id='landmarkA20' class='landmarkA20'>

<div id='landmarkA21' class='landmarkA21'>
</div><!-- end of div landmarkA21 -->
<div id='landmarkA22' class='landmarkA22'>
</div><!-- end of div landmarkA22 -->
<div id='landmarkA23' class='landmarkA23'>
</div><!-- end of div landmarkA23 -->
<div id='landmarkA24' class='landmarkA24'>
</div><!-- end of div landmarkA24 -->
<div id='landmarkA25' class='landmarkA25'>
</div><!-- end of div landmarkA25 -->
<div id='landmarkA26' class='landmarkA26'>

</div><!-- end of div landmarkA26 -->

</div><!-- end of div landmarkA20 -->




</div><!-- end of div landmarkZ -->




<div id='landmarkY' class='landmarkY'>
</div><!-- end of div landmarkY -->


</div><!-- end of div landmarkR -->







<div id='landmarkA27' class='landmarkA27'>
</div><!-- end of div landmarkA27 -->
<div id='landmarkA28' class='landmarkA28'>
</div><!-- end of div landmarkA28 -->
<div id='landmarkA29' class='landmarkA29'>
</div><!-- end of div landmarkA29 -->
<div id='landmarkA30' class='landmarkA30'>
</div><!-- end of div landmarkA30 -->
<div id='landmarkA31' class='landmarkA31'>
</div><!-- end of div landmarkA31 -->

<div id='landmarkA32' class='landmarkA32'>
</div><!-- end of div landmarkA32 -->
<div id='landmarkA33' class='landmarkA33'>
</div><!-- end of div landmarkA33 -->
<div id='landmarkA34' class='landmarkA34'>
</div><!-- end of div landmarkA34 -->
<div id='landmarkA35' class='landmarkA35'>
</div><!-- end of div landmarkA35 -->
<div id='landmarkA36' class='landmarkA36'>
</div><!-- end of div landmarkA36 -->
<div id='landmarkA37' class='landmarkA37'>
</div><!-- end of div landmarkA37 -->
<div id='landmarkA38' class='landmarkA38'>
</div><!-- end of div landmarkA38 -->
<div id='landmarkA39' class='landmarkA39'>
</div><!-- end of div landmarkA39 -->
<div id='landmarkA40' class='landmarkA40'>

</div><!-- end of div landmarkA40 -->
<div id='landmarkA41' class='landmarkA41'>
</div><!-- end of div landmarkA41 -->
<div id='landmarkA42' class='landmarkA42'>
</div><!-- end of div landmarkA42 -->
<div id='landmarkA43' class='landmarkA43'>
</div><!-- end of div landmarkA43 -->
<div id='landmarkA44' class='landmarkA44'>
</div><!-- end of div landmarkA44 -->
<div id='landmarkA45' class='landmarkA45'>
</div><!-- end of div landmarkA45 -->
<div id='landmarkA46' class='landmarkA46'>
</div><!-- end of div landmarkA46 -->
<div id='landmarkA47' class='landmarkA47'>
</div><!-- end of div landmarkA47 -->
<div id='landmarkA48' class='landmarkA48'>
</div><!-- end of div landmarkA48 -->

<div id='landmarkA49' class='landmarkA49'>
</div><!-- end of div landmarkA49 -->
<div id='landmarkA50' class='landmarkA50'>
</div><!-- end of div landmarkA50 -->


<div id='landmarkA54' class='landmarkA54'>
</div><!-- end of div landmarkA54 -->
<div id='landmarkA55' class='landmarkA55'>
</div><!-- end of div landmarkA55 -->
<div id='landmarkA56' class='landmarkA56'>
</div><!-- end of div landmarkA56 -->
<div id='landmarkA57' class='landmarkA57'>
</div><!-- end of div landmarkA57 -->
<div id='landmarkA58' class='landmarkA58'>
</div><!-- end of div landmarkA58 -->
<div id='landmarkA59' class='landmarkA59'>

</div><!-- end of div landmarkA59 -->
<div id='landmarkA60' class='landmarkA60'>
</div><!-- end of div landmarkA60 -->
<div id='landmarkA61' class='landmarkA61'>
</div><!-- end of div landmarkA61 -->
<div id='landmarkA62' class='landmarkA62'>
</div><!-- end of div landmarkA62 -->
<div id='landmarkA63' class='landmarkA63'>
</div><!-- end of div landmarkA63 -->
<div id='landmarkA64' class='landmarkA64'>
</div><!-- end of div landmarkA64 -->
<div id='landmarkA65' class='landmarkA65'>
</div><!-- end of div landmarkA65 -->
<div id='landmarkA66' class='landmarkA66'>
</div><!-- end of div landmarkA66 -->
<div id='landmarkA67' class='landmarkA67'>
</div><!-- end of div landmarkA67 -->

<div id='landmarkA68' class='landmarkA68'>
</div><!-- end of div landmarkA68 -->
<div id='landmarkA69' class='landmarkA69'>
</div><!-- end of div landmarkA69 -->
<div id='landmarkA70' class='landmarkA70'>
</div><!-- end of div landmarkA70 -->
<div id='landmarkA71' class='landmarkA71'>
</div><!-- end of div landmarkA71 -->
<div id='landmarkA72' class='landmarkA72'>
</div><!-- end of div landmarkA72 -->
<div id='landmarkA73' class='landmarkA73'>
</div><!-- end of div landmarkA73 -->
<div id='landmarkA74' class='landmarkA74'>
</div><!-- end of div landmarkA74 -->



<script type="text/javascript">
//<![CDATA[
(function() {var fn = function() {$get("ctl00_toolKit_HiddenField").value = '';Sys.Application.remove_init(fn);};Sys.Application.add_init(fn);})();Sys.Application.initialize();
//]]>
</script>
</form>
</body>
</html>

Open in new window

0
 
leakim971PluritechnicianCommented:
no more luck with js/jquery code only...

be sure to have the same case

landmark
vs
landmArk
0
 
leakim971PluritechnicianCommented:
look correct for you here ?
http://jsfiddle.net/LzQqU/
0
 
Tom KnowltonWeb developerAuthor Commented:
look correct for you here ?
http://jsfiddle.net/LzQqU/

==================================================

No, I expected div "B", "C" thru "Z" to also show up with the same styling.  All divs in the page should have a red border.  All divs that have landmark in the id.
0
 
Tom KnowltonWeb developerAuthor Commented:
am I not selected the nested divs?  Is that why?
0
 
Tom KnowltonWeb developerAuthor Commented:
To be more clear:

<div id='landmarkB' class='landmarkB'>hi

<div id='landmarkL' class='landmarkL'>

<div id='landmarkD' class='landmarkD'>


These should all be showing up with red border, 100 x 100 px and the div with id "landmarkB" should show the inner text "hi" as well.
0
 
leakim971PluritechnicianCommented:
you've a wrong number of end tag or misplaced
so the page is malformed and the browser display half of the information
once you fixed this, you will see all the data
0
 
Tom KnowltonWeb developerAuthor Commented:
Any idea where the unbalanced div is?

I tried adding comments to prevent this from happening:

<div id='landmarkP' class='landmarkP'>
</div><!-- end of div landmarkP -->      ////////  with this comment, I know where the end of the div is

I guess I still managed to screw it up!!   LOL
0
 
Tom KnowltonWeb developerAuthor Commented:
Are there any tools that can help me find the missing </div> tag?
0
 
leakim971PluritechnicianCommented:
forget it, we replace the content on the fly so we remove the content of each div
0
 
Tom KnowltonWeb developerAuthor Commented:
That was it.  I needed to be using prepend( ) instead of text(  ).  I guess text(  ) was wiping out the nested divs.

Thank you!
0
 
Tom KnowltonWeb developerAuthor Commented:
thx again.
0
All Courses

From novice to tech pro — start learning today.