javascript - I need to put text in a <h> that is in a Div that is in another Div that is with in another yet another div -
i need put text in <h3> in div in div in yet div. here looks like:
<div id="loginmodal" class="ui-dialog-content ui-widget-content" style="width: auto; min-height: 0px; height: 193.8px;"><iframe hspace="0" src="/client/en_us/cntest/search/patronlogin/https:$002f$002farrowhead.ent.sirsi.net$002fclient$002fen_us$002fcntest$002fsearch$002faccount$003fdt$003dlist" name="dialog_iframecontent610" style="width:350px;height:215px;" frameborder="0"> </iframe></div> <iframe hspace="0" src="/client/en_us/cntest/search/patronlogin/https:$002f$002farrowhead.ent.sirsi.net$002fclient$002fen_us$002fcntest$002fsearch$002faccount$003fdt$003dlist" name="dialog_iframecontent610" style="width:350px;height:215px;" frameborder="0"> </iframe> #document <!doctype html public "-//w3c//dtd xhtml 1.0 strict//en" "http://www.w3.org /tr/xhtml/dtd/xhtlm1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"><head><link type="text/css" rel="stylesheet" href="/client/assets/4.5.1/core/default.css"><link type="text/css" rel="stylesheet" href="/client/assets/4.5.1/ctx/css/vse/css/discovery_base.css"><link type="text/css" rel="stylesheet" href="/client/assets/4.5.1/ctx/css/format-types.css"><link type="text/css" rel="stylesheet" href="/client/assets/4.5.1/app/components/search/suggest.css"><link type="text/css" rel="stylesheet" href="/client/assets/4.5.1/core/tapestry-console.css"><link type="text/css" rel="stylesheet" href="/client/assets/4.5.1/core/t5-alerts.css"><link type="text/css" rel="stylesheet" href="/client/assets/4.5.1/core/tree.css"><meta content="apache tapestry framework (version 5.3.7)" name="generator"><script src="/client/assets/4.5.1/stack/en_us/core.js" type="text/javascript"></script></head> <body> <div class="content"><center> <div id="changepindiv"> <h3 style="padding:0px;margin:0px;">change pin</h3> <form onsubmit="javascript:return tapestry.waitforpage(event);" action="/client/en_us/cntest/changepinplainpage.changepinpanel.changepinform?&t:ac=hzws/cn/region/$n/$n" method="post" id="changepinform"> <div class="" style="display: none;"> <input value="hzws/cn/region/$n/$n" name="t:ac" type="hidden"> <input value="neh4a76dr7kxhv6iienziq/wdge=:h4siaaaaaaaaaj2qsuodqrcgxwmhme6wsfcqky2fabqxbathkipdosxtxsugvd11d87exsqxspejxeqfiiwd7+ad2fhywbg5cwvb0wzypmbn+/lvnmfximcrp0jtuqzmpjeolglxnsgp49cqfunbhcgbrch46fpfcnqoryqyhqx2510hrsetclfgineriktjb4r0cc0nrt368az9tplwlsbccm1pdxurj+jfhuv0jgfy0vhzydkru+5nhcpsp/ufkxt/tzl5kymevc4qfykyzny73dl5vx5makzusgkbvyci888c7fs/2qwtndvkoihgx9/lv/nl6v3dzt+bjiww1cpuhw5p4akpjzrveczra9c8rtahfld95fkofein7oibaaa=" name="t:formdata" type="hidden"> </div> <table><tbody><tr><td><label for="j_username" class="username">barcode</label>:</td><td><input maxlength="30" class="user_name_input" id="j_username" name="j_username" type="textfield"><img id="j_username_icon" class="t-error-icon" alt="" src="/client/assets/4.5.1/core/spacer.gif" style="display: none;"></td></tr><tr><td colspan="2"><input value="submit" class="loginbutton" id="submit_0" name="submit_0" type="submit"></td></tr></tbody></table> </form> </div> </center> </div> <script type="text/javascript">tapestry.ondomloaded(function() { tapestry.init({"formeventmanager":[{"formid":"changepinform","validate":{"submit":true,"blur":true}}]}); tapestry.init({"activate":["j_username"],"validate":[{"j_username":[["required","barcode required field."]]}]}); }); </script></body></html> i hope loaded correctly. section need change text on in "div id="changepindiv"" , in div there <h3> has text change. time try via css not take.
here have tried
#changepindiv:before{ content:"you must have email address assigned account."; font-size:10px; font-weight:bold; } i have tried
#changepindiv.h3:before{ content:"you must have email address assigned account."; font-size:10px; font-weight:bold; } not sure else do. appreciated.
if want inject content via css <h3> style this:
#changepindiv h3:before{ content:"you must have email address assigned account."; font-size:10px; font-weight:bold; } but produce <h3> this:
<h3>you must have email address assigned account.change pin</h3> it might make more since place content :after , include space:
#changepindiv h3:after{ content:" must have email address assigned account."; font-size:10px; font-weight:bold; } see fiddle
or have content go new line this:
#changepindiv h3:after{ content:"you must have email address assigned account."; display: block; font-size:10px; font-weight:bold; } see here
update
since iframe, if hosted on domain can use jquery this:
$("iframe").contents().find("#changepindiv h3").append(" must have email address assigned account."); 
Comments
Post a Comment