php - HTML-Content doesn't apply CSS after insert with AJAX -


i'm using ajax page content specific page database. works perfect problem:

for 'contact'-page, i'm getting form (just html...) database. ignores css, i've loaded in head of page. form-parts have ids , classes.

my thought is, caused insert of content after loaded css.

note: i'm not using jquery , don't want use in project.

the form looks following:

<form method="post" action="#"> <label id="clabel" for="sendname">name:<span class="required"></span></label><input type="text" class="contact" name="sendname" maxlength="30" required placeholder="your name..(required)"><br> <label id="clabel" for="sendemail">email:<span class="required"></span></label><input type="email" class="contact" name="sendemail" maxlength="100" placeholder="your email-address.."><br> <label id="clabel" for="reason">contact reason:</label><input type="text" class="contact" name="sendreason" maxlength="30" required placeholder="your reason..(required)"><br> <label id="clabel" for="sendmsg"></label><textarea id="cmsg" class="noresize" name="sendmsg" required placeholder="your message..(required)" onfocus="this.value=\"\"; this.onfocus=null;"></textarea><br> <label id="clabel" for="contactbutton"></label><input class="contactbutton" type="submit" name="contactbutton" value="send"> </form>

to take on css or javascript, check link: philliprohde.bugs3.com/new_/

the css following (with changed id class):

label.clabel{ display:inline-block; width: 7em; } input.contact{ width:400px; margin-top:5px; } /* button of contact form */ .contactbutton{ width: 100px; background: #c1c1c1; color: #8b0000; text-transform: uppercase; text-shadow: #000 1px 1px; margin-top: 10px; } textarea.noresize { resize:none; } textarea#cmsg { width: 400px; height: 120px; margin-top:5px; border:none; font-family: tahoma, sans-serif; }

solved. hoster hasn't accepted new css-file (i don't know why). deleted old, uploaded again , works.

thank support.!

two things:

  • your preview link isn't working;
  • the markup you've posted isn't valid (you're reusing id 'clabel' labels).

neither of these should impact css, although multi-ids raise few issues elsewhere in development.

adding content page after load styled css you've got in page (that's relevant) .

here's suggest debug:

  • is possible css isn't being included expect? open firebug or chrome developer tools , make sure you're not getting errors when css passes through.
  • is possible css isn't targetting new content correctly?
  • it isn't obvious question (at moment), possible you're loading content in via iframe (in case css of parent page wouldn't effect it).

Comments

Post a Comment

Popular posts from this blog

php - cannot display multiple markers in google maps v3 from traceroute result -

i'm newbie in php mysql , google maps v3. have problems in google maps v3. made traceroute web based , map traceroute's result in google maps v3 final project of college education. have try many tutorials didn't work. have tried tutorials in forum nothing worked. problem cannot display multiple markers got location data database. maybe because i'm newbie , not know how do. confuse looping show markers. here code <?php error_reporting(e_all ^ (e_notice)); ini_set('max_execution_time', 360); $enable_log_user = false; global $ip, $host_name, $host_ip; $host = @$_post['host']; $trace = @$_post['trace']; $self = $_server['php_self']; include("phpsqlajax_dbinfo.php"); $connection = mysql_connect ('127.0.0.1', $username, $password); if (!$connection) { die('not connected : ' . mysql_error());} $db_selected = mysql_select_db($database, $connection); if (!$db_selected) { die ('can\'t use db :
Read more

c# - DetailsView in ASP.Net - How to add another column on the side/add a control in each row? -

i have detailsview control on page used edit various fields of record, works in respect. i looking way add 1 column (and if works, why not more) right, absolutely read-only, show same fields of record comparison purposes. i aware there no obvious way such thing out of box detailsview . have looked other controls (transposed gridview , recommended formview , listview ), nothing satisfies. have special data binding setup using detailsview , can't out of without losing features. anyone on how "hack in" additional columns (for display only) on detailsview ? the solution have now, use second detailsview , visible set false in aspx. in code, make sure databind hidden detailsview hosts data third column first, initial detailsview named itemdetails . and in item created event, pass third column html rendering of hidden controls (in last code block) : protected void itemdetails_itemcreated(object sender, eventargs e) { if (dataite
Read more

javascript - firefox memory leak -

i have following script (i use raphaeljs also) draws circle, waits 1 second, draws circle again, etc (you can copy paste - functional, need include raphael raphaeljs.com): <div id="holder"> </div> <script src="raphael.js" type="text/javascript"></script> <script> var paper = raphael(10, 50, 320, 200); var rad = math.pi / 180; var finangle = 0; function sector(cx, cy, r, startangle, endangle, params) { var x1 = cx + r * math.cos(-startangle * rad), x2 = cx + r * math.cos(-endangle * rad), y1 = cy + r * math.sin(-startangle * rad), y2 = cy + r * math.sin(-endangle * rad); return ["m", cx, cy, "l", x1, y1, "a", r, r, 0, +(endangle - startangle > 180), 0, x2, y2]; } var path = sector(100,100,50,0,180); var arc = paper.path(path); function draw() { path = sector(100,100,50,0,finangle);
Read more