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

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

Trying to import CSV file to a SQL Server database using asp.net and c# - can't find what I'm missing -

i student , quite new programming, , given task using asp.net , c#, without being taught either. plan learn teach ourselves. the task stuck on making website import csv file sql server database of last year's room bookings around campus. the table has following columns: request_id; priority; module_id; day; start_time; length; park; students; room_code; status; semester_id; linked_request; week_1; week_2; week_3; week_4; week_5; week_6; week_7; week_8; week_9; week_10; week_11; week_12; week_13; week_14; week_15; ) in code, try make work 3 columns (request_id,priority,module) starters. when press import button, want read .csv file (with fixed name @ fixed directory) eg "1,2,3" - comma separating fields [delimiter] - , import sql server datab
Read more