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
What Kind of Coding Program is Right for You?

There are many ways to learn to code these days. From coding bootcamps like Flatiron School to online courses to totally free beginner resources. The best way to learn to code depends on many factors, but the most important one is you. See what course is best for you.

 
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
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.