Solved

not all divs are found / affected

Posted on 2011-09-07
15
402 Views
Last Modified: 2012-05-12
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
0
Comment
Question by:knowlton
  • 9
  • 6
15 Comments
 
LVL 82

Expert Comment

by:leakim971
ID: 36496565
bad link, please update
0
 
LVL 5

Author Comment

by:knowlton
ID: 36496625
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
 
LVL 5

Author Comment

by:knowlton
ID: 36496656
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
 
LVL 82

Expert Comment

by:leakim971
ID: 36496658
no more luck with js/jquery code only...

be sure to have the same case

landmark
vs
landmArk
0
 
LVL 82

Expert Comment

by:leakim971
ID: 36496679
look correct for you here ?
http://jsfiddle.net/LzQqU/
0
 
LVL 5

Author Comment

by:knowlton
ID: 36496716
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
 
LVL 5

Author Comment

by:knowlton
ID: 36496722
am I not selected the nested divs?  Is that why?
0
How your wiki can always stay up-to-date

Quip doubles as a “living” wiki and a project management tool that evolves with your organization. As you finish projects in Quip, the work remains, easily accessible to all team members, new and old.
- Increase transparency
- Onboard new hires faster
- Access from mobile/offline

 
LVL 5

Author Comment

by:knowlton
ID: 36496733
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
 
LVL 82

Expert Comment

by:leakim971
ID: 36496739
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
 
LVL 5

Author Comment

by:knowlton
ID: 36496761
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
 
LVL 5

Author Comment

by:knowlton
ID: 36496765
Are there any tools that can help me find the missing </div> tag?
0
 
LVL 82

Expert Comment

by:leakim971
ID: 36496827
forget it, we replace the content on the fly so we remove the content of each div
0
 
LVL 82

Accepted Solution

by:
leakim971 earned 500 total points
ID: 36496873
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
 
LVL 5

Author Comment

by:knowlton
ID: 36496971
That was it.  I needed to be using prepend( ) instead of text(  ).  I guess text(  ) was wiping out the nested divs.

Thank you!
0
 
LVL 5

Author Closing Comment

by:knowlton
ID: 36496974
thx again.
0

Featured Post

Threat Intelligence Starter Resources

Integrating threat intelligence can be challenging, and not all companies are ready. These resources can help you build awareness and prepare for defense.

Join & Write a Comment

Suggested Solutions

Have you tried to learn about Unicode, UTF-8, and multibyte text encoding and all the articles are just too "academic" or too technical? This article aims to make the whole topic easy for just about anyone to understand.
Why do we like using grid based layouts in website design? Let's look at the live examples of websites and compare them to grid based WordPress themes.
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)
The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…

758 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

19 Experts available now in Live!

Get 1:1 Help Now