javascript - bootstrap div background-image -

-

here code used

<!doctype html> <html> <head> <title>registration</title> <meta http-equiv="content-type" content="text/html; charset=utf-8"/> <link href="twitter-bootstrap/docs/assets/css/bootstrap.css" rel="stylesheet"/> <link href="twitter-bootstrap/docs/assets/css/docs.css" rel="stylesheet"> <link href="twitter-bootstrap/docs/assets/js/google-code-prettify/prettify.css" rel="stylesheet"> <style type="text/css">     .container     {         width: 750px;         height : 300px;         margin-top : 50px;     } </style> </head> <body> <div class = "container"> <div class = "well" style = "box-shadow : 0 1px 10px rgba(0,0,0,1.0);">         <form id = "reg" class = "form-horizontal" method = "post" action = "reg.php">         <legend>registration form</legend>               <div class = "control-group">             <label class = "control-label">login name</label>             <div class = "controls">                 <div class = "input-prepend">                     <span class = "add-on"><i class = "icon-user"></i></span>                         <input type = "text" class = "input-xlarge" id = "login_name" name = "login_name" placeholder = "login name"><div id = "name_inspector"></div>                 </div>             </div>         </div>

here's function reacts once input of textfield changed

$(document).ready(function(){     //$('#name_inspector').css('background-image', 'url(img/name-is-free.png)');     $("#login_name").change(     function()     {         $('#name_inspector').css('background-image', 'img/ajax-loader-arrows.gif');         $.get(         "is_usr_name_free.php?login_name="+$('#login_name').val(), {},         // @ success.         function(data)         {             var style_arr = data.split('@');             alert(style_arr[0]+style_arr[1]);             $('#name_inspector').css(style_arr[0], style_arr[1]);         }, "html");     });

in firebug style set correctly , picture loaded. however, there's no picture seen.

the problem here un-styled div has width 100%, , no height. similarly, span has no width, height 100% or text that's in it. either way, if there's nothing in box, no background displayed. can prove adding text in div or span. difference between in-line , block elements.

so, either need specify height div, or height span. should create enough space display image.


Comments

Post a Comment

Popular posts from this blog

java - Jmockit String final length method mocking Issue -

-
using jmockit 1.2 jar, trying mock string's length method getting unexpected invocation exception: failed: test java.lang.illegalstateexception: missing invocation mocked type @ point; please make sure such invocations appear after declaration of suitable mock field or parameter @ stringdemo.testa$1.<init>(testa.java:17) @ stringdemo.testa.test(testa.java:13) i using testng: @test public void test() throws exception { new expectations() { @mocked("length") string astring; { astring.length(); result = 2; } }; system.out.println(a.showa("test")); } } actual class a: public class { public static int showa(string str){ int a= str.length(); return a; } } this wrong way of recording expected results. shouldn't mock , record string's length() method, record showa() instead. here solution @suppresswarnings("unused...
Read more

What is the difference between data design and data model(ERD) -

-
i have google question , find answer in day. know, data design many many table have list column,and mark pk , fk. why er-diagram have find this? data design process of designing database. main output of data design detailed logical data model of database. some people data design includes of needed logical , physical design choices , physical storage parameters needed generate design in data definition language. technically, database analysis, database analysts (dbas) trained do. while person can both data design , database analysis, these 2 different tasks. data design models data. database analysis takes model , applies 1 or more database engines (relational, hierarchical, nosql). a logical data model 1 of main outputs of data design. data model represented entity relationship diagram, or er diagram.
Read more

ios - Can NSManagedObject conform to NSCoding -

-
i need transfer single object across device. right converting nsmanagedobject dictionary , archiving , sending nsdata. upon receiving unarchiving it. transfer nsmanagedobject archiving , unarchiving instead of creating intermediate data object. @interface test : nsmanagedobject<nscoding> @property (nonatomic, retain) nsstring * title; @end @implementation test @dynamic title; - (id)initwithcoder:(nscoder *)coder { self = [super init]; if (self) { self.title = [coder decodeobjectforkey:@"title"]; //<crash } return self; } - (void)encodewithcoder:(nscoder *)coder { [coder encodeobject:self.title forkey:@"title"]; } @end nsdata *archivedobjects = [nskeyedarchiver archiveddatawithrootobject:testobj]; nsdata *objectsdata = archivedobjects; if ([objectsdata length] > 0) { nsarray *objects = [nskeyedunarchiver unarchiveobjectwithdata:objectsdata]; } the problem above code is. crashes @ self.title in initwithcoder sa...
Read more