Expandingcollapsing divcông việc

I need a new HTML page created for the purpose of displaying information. I have a specific design in mind that I would like to be implemented. The HTML page should also be responsive and adaptable to different screen sizes. Ideal skills and experience for the job: - Proficiency in HTML and CSS - Experience in creating responsive designs - Ability to work with pre-existing design ideas and translate them into code

...development to the specific requirements: id: "6f7f7f42-67b5-4b69-9d20-60a9f5bc8b3c" width: 419 height: 1500 url: "https://m.media-amazon.com/images/I/710+" embed: "<div style="max-width: 419px;"><div style="left: 0; width: 100%; height: 0; position: relative; padding-bottom: 357.9957%;"><iframe src="//" style="top: 0; left: 0; width: 100%; height: 100%; position: absolute; border: 0;" allowfullscreen></iframe></div></div>" iframelyUrl1: "//“ iframelyUrl2: "//cdn

...ich schätze, der Preis kommt aus dieser PHP Datei: "<?php /** @var string $data_output */ /** @var bool $show_inner */ ?> <div class="wapf--inner"> <?php if( $show_inner !== 'grand' ) { ?> <div> <span><?php _e('Product total','sw-wapf'); ?></span> <span class="wapf-total wapf-product-total price amount"></span> </div> <div> <span><?php _e('Options total','sw-wapf'); ?></span> <span class="wapf-total wapf-options-total price amount"></span> </div> <?php } ?> <div> <span>...

need automation of scrapping html and mounting the text content from each div. Each one bring a little part of the text and a I need all the text re-mounted. Will need advanced regex and automation. example attached file

I am looking to Create a simple and responsive HTML template using <div> tags, CSS code & JavaScript (external file) Home page ● Header ● Left Sidebar & main section ● Footer In Header, show logo in centre, search option, cart button at the right, and 4 static links & 1 hyperlink link that takes to category page (all links should be below the logo). Highlight the static links while hovering over it. Left Sidebar, show 3 static blocks - Sidebar should also be collapsed Main Section, Insert a slider with images. Show simple login form with submit button. Footer, Show some static links. Category page Show product images with its name, upon clicking them takes to a product page. (minimum 3 products) Include a simple header and footer. Product page Show name of product,...

This website project mus...javascript, however the javascript part is the most important! That means - the application has to have as I said: Body Mass Index calculator. And also a registration page (no database, just a "layout"). So please put most effort into Javascript, don't waste time with website layout, style, logo etc... . For Html part - use it to create basic skeleton for application. Use basic elements like: <div> <script> etc. For CSS part - Create your own simple style of website or inspire by someone else. For Javascript part - I pretty much explained everything, just a note: add comments to your code for better orientation :) This is my first time using Freelancer, so the price can be negotiable. This project must be finished by Frid...

...changed on the screen. To show the gravatar we are using the following code: if ( is_user_logged_in() ) { //$userdata = wp_get_current_user(); if ( ($userdata instanceof WP_User) ) { //echo 'Welcome : ' . esc_html( $current_user->display_name ); echo ' <div class="circular--landscape">'; echo get_avatar( $userdata->ID,250 ); echo '<a id="inboxCount" href="'.site_url().'/login/editprofile/">'.do_shortcode( '[icon name="edit" class="fas fa-edit fa-2x"]').'</a>'; echo '</div>''; }else{ echo 'Please log in'; } } Deliverables: 1. Form html in the front ...

Forcing Datetime Picker to 24 hours format instead of 12 hours in Front End in Odoo 15 Portal. note: field type in portal view is datetime-local. XML: <div class="row"> <div class="form-group col-xl-3"> <label class="col-form-label" for="to_date"><b>To Date:</b></label> </div> <div class="form-group col-xl-6"> <input type="datetime-local" name="to_date" class="form-control" required="true" t-options='{"widget": "datetime"}' /> </div> &l...

...BeforeBothSkatersRemoved--> <div class="col-md-6"> <h3 class="blue-heading"> BeforeBothSkatersRemoved </h3> <div class="video-cover border--round box-shadow-wide" style="margin-bottom:30px"> <video controls poster> <source src="" type="video/mp4"> </video> </div> <br> </div> <!- 10 BothSkatersRemoved--> <div class="col-md-6"> <h3 class="blue-heading"> BothSkatersRemoved </h3> <div class="video-cover border--round box-shadow-wide" style="margin-bottom:30px"...

...metafields.custom.critic_scores_ep_table}}</td> <td class="hide-column">{{product.metafields.custom.case_size}}</td> <td>{{ | money }}</td> <td> <form method="post" action="/cart/add"> <input type="hidden" name="id" value="{{ }}" /> {%- if -%} <input type="submit" value="Add to basket" class="btn" /> {%else%} <div class="soldouttable"> {{ 'products.product.sold_out' | t }} </div> {%- endif -%} </form> </td> </tr>{% endif %}{% endfor %} <tbody> </table> ...

Hi, This is an urgent project. We need an Expert Web Developer/Coder to customize Shopify Dawn Theme, a bit. We need you to duplicate only 1 div/section of a page based on our instruction. It's a Fixed Budget project, more details will be shared to short listed candidate on chatting only. Very small amount of work involved for an expert coder, so budget is low too. Quality work will lead to large projects surely. Hurry up, place your bid with quotation. Write "I AGREE" so that we know you've read it all. Thanks Happy Bidding!!

I am looking for a skilled engineer to design a pressure vessel for industrial use using PVElite software. The vessel must adhere to ASME Sec VIII Div 1 and latest amendments. Tank Dia is 800 mm and Height is 1000mm with 6 mm thickness and 0.5KL Volume. Ideal skills and experience for this job include: - Expertise in PVElite software and pressure vessel design - Knowledge of ASME Code and regulations - Experience in designing and constructing vessels using stainless steel material PV Elite native files need to be provided with the design calculations.

...This is the code that requires amending. chrome_driver_path = 'Drivers/' chrome_options = Options() # chrome_options.add_argument('--incognito') # chrome_options.add_argument("--headless")3 url = "" driver = (executable_path=chrome_driver_path, options=chrome_options) (url) runners = driver.find_elements_by_xpath("//div[@class='runner-name']") (3) for i in range(len(runners)): # print("Runner Name: " + str(runners[i].text)) runners[i].click() (10) race_no = driver.find_element_by_class_name("race-number").text location = driver.find_element_by_class_name("meeting-info-description").text distance = driver.find_element_by_xpath("//li[@ng-if='']").text ages ...

I'm building a travel video blog website (no CMS, pure Java / Java Server Pages) and...thumbnail (screenshot 1) When thumbnail is clicked a popup that has max size is shown with embedded YouTube video that starts playing (screenshot 2) Whenever user clicks outside of the embedded player, video is stopped (IMPORTANT!) and popup with video is hidden More detail: On my website I will have articles that have videos between paragraphs: <p>Text</p> <div class="video">videoId1</div> <p>Text2</p> <div class="video">videoId2</div> <p>Text3</p> Your javascript code should replace all divs with class="video" with HTML that represent video tiles (thumbnails) that could be clic...

I'm looking to automate the creation of a library of UX components. Upon a cursory look at the code, it seems that div tags which contain "block" represent the blocks I'm after. I'm looking to take screenshots of each of these portions of the site. When responding, include "Playwright" in the first line of your response" I have attached some code that I was working on. That should get us started. It does actually screenshot some of the divs, just not all... Sample script:

Hi DIV SYSTEMS (DIVINE INFO), I noticed your profile and would like to offer you my project. We can discuss any details over chat.

I am looking for a PHP developer to help me with a search and replace function using the PHP DOMDocument library. The purpose of this function is manipulate XML/HTML documents as neede...finish $html = trim($_POST['summnotetextarea']); $dom = new DOMDocument(); $dom->loadHTML($html, LIBXML_HTML_NOIMPLIED | LIBXML_HTML_NODEFDTD); $q = new DOMXPath($dom); foreach ($q->query("//div[@class = 'Table__Title']") as $p) { $value = $p->nodeValue; // this works OK Change this <div class="Table__Title">$p->nodeValue</div> To this <h4>$p->nodeValue</h4> } $dom->saveHTML(); This should show that changes were made ...

... jQuery("#editModalTitle").html(title); jQuery('#validationMOdal').modal('show'); }, error(xhr, status, error) { alert("There is a problem in server, please try later"); } }); } <div id="validationModal" class="modal"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <h4 id="editModalTitle" class="modal-title">h</h4> <div class="modal-body"> <p>Form</p> </div> <div class="modal-footer"><button id="validateModalSave" class="btn btn-primary" type="...

... </div> <div *ngFor="let detail of "> <div class="grey_line_div"></div> <div class="general_detail" (click)="navigateToNestedDetail(detail)"> <ion-label>Animal ID: {{}}</ion-label> <ion-label>Sire: {{}}</ion-label> <ion-label>Calving Ease Direct: {{}}</ion-label> <ion-label>Birth Weight: {{}}</ion-label> <ion-label>200 Day Growth: {{}}</ion-label> <ion-label>Eye Muscle Area: {{}}</ion-label> <ion-label>Rump Fat: {{}}</ion-label> <ion-label>Angus Breeding Index...

TLDR; ReCharge breaking/ignoring required form fields. I am using Shopify with ReCharge subscriptions. I added a required* form field to my product page. --- <div class="line-item-property__field mip-product-form"> <label for="Email Address">Email Address</label> <input type="email" id="form-email-address" name="properties[Email Address]" class="required req_field" required> </div> --- I need this form to be required - before adding to cart. ReCharge is adding to cart without the required input. I am reading ReCharge documentation, modifying my theme files, and working on figuring this all out. If you know better, please do bid and give some feedback so I know you're not a b...

...abel> snippet <?php if($attribute_name == 'pa_podokvir'):?> <td class="label"><label for="<?php echo esc_attr( sanitize_title( $attribute_name . absint( $product->get_id() ) . $randid ) ); ?>"><?php echo wc_attribute_label( $attribute_name ); // WPCS: XSS ok. ?></label></td> <td class="value"> <div id="podokvirPostId" style="display:none;" podokvir_id="<?php echo apply_filters( 'wpml_object_id', 2220, 'post' ); ?>"></div> <select id="pa_podokvir_select" class="ms3_pa_podokvir" name="attribute_pa_podokvir" data-attribute_name="attribute_pa_p...

I am looking for a developer who can fix small bug fix my HTML slideshow. Currently, the prev next buttons do not work. Additionally, I would like <div class="reviews"> to be desktop and mobile responsive (not tablet). You can use placeholder images. Ideal Skills and Experience: - Proficiency in HTML and CSS - Experience with responsive design - Familiarity with slideshow plugins and code adjustment - Attention to detail - Strong problem-solving skills - Good communication Additional Features: - Responsive design -- This is the page, please ignore everything except the carousel

a simple task, i need a chrome extension developer who can start working right now. it's about toggle showing html div on a facebook page. like this page we do ('.xu5ydu1')[3]. = 'none' we basically hide cards on the right of a timeline Budget $20, message me "I can start right now" and we will discuss via call

Vui lòng Đăng Ký hoặc Đăng Nhập để xem thông tin.

Vui lòng Đăng Ký hoặc Đăng Nhập để xem thông tin.

...separate javascript functions into a single function. Please take a look at the following code: ============ <form id="ContactForm" method="get" onsubmit="return submitForm();"> <TABLE align="center"> <TR> <TD> <input id="firstname" name="firstname" class="form-control" placeholder="First Name"> </TD> <TD> <div id="firstnamefull" name="firstnamefull"></div> </TD> <TD> <input id="lastname" name="lastname" placeholder="Last Name"> </TD> <TD> <div id="lastnamefull" name="lastnamefull"></div> </TD> </TR> <...

I have a one page web app, that needs styling. It needs to run on mobile devices and it needs to be responsive for phone and tablet. It's using at external library that renders a barcode scanner in <div id=reader>, so styling need to be compatible with that. Header and logo needs to take up a very limited space. There is a <div id="error"> that is used for various messages. I would like that to appear as some sort of pop up box. The workflow for the user is this: 1) The app opens 2) User scans various items 3) Data for the items are loaded automatically into the tabel 4) The user adjusts quantity an each line 5) The user hits transfer button and the journal is passed to the backend for processing. This is an business app used internally on an in...

Hi DIV SYSTEMS (DIVINE INFO), I noticed your profile and would like to offer you my project. We can discuss any details over chat.

For our application, which is developed with React JS, we need to have Server Side Rendering set up. As specialists in React will know, Google doesn't correctly reference the pages of our application which is developed with React Js, when the google bot accesses the pages of our site it finds an empty page because React loads the content of the pages with javascript in the root div and the google bot ignores it. So we are looking for a specialist (who has done this before), to set up a solution for "server side rendering".

I have a pdf invoice format I need someone to write a react code to print the said pdf from React to print component import React from "react"; import ReactToPrint from "react-to-print"; impo...text values alter Ill repalce with actaul variables </table> ); } } class Billprint extends { constructor() { super(); = { count: 0 }; } render() { return ( <div> <ReactToPrint trigger={() => <Button>Print</Button>} content={() => } pageStyle={` @page { margin: 0.3cm 0.5cm; } `} /> <ComponentToPrint data={} ref={el => ( = el)} /> </div> ); } } export defa...

I have a pdf invoice format I need someone to write a react code to print the said pdf from React to print component import React from "react"; import ReactToPrint from "react-to-print"; impo...text values alter Ill repalce with actaul variables </table> ); } } class Billprint extends { constructor() { super(); = { count: 0 }; } render() { return ( <div> <ReactToPrint trigger={() => <Button>Print</Button>} content={() => } pageStyle={` @page { margin: 0.3cm 0.5cm; } `} /> <ComponentToPrint data={} ref={el => ( = el)} /> </div> ); } } export defa...

i need code correction to help print on div id on page reload. my code is made using js

Hello We have a web page that displays a 1-5 rating option to ...this page to be responsive, and be on landscape always. Page is building itself from a json definition file (see default attached). we will supply same json definition for 2-3 buttons for page to display. We need to place a small (30% size of screen) version of this page, possible with transparent background, floating "above" our web pages calling to this page from our web html page will be via <DIV> the holding html page can accept parameters (i.e qJSON = ) and transfer them to the floating page. You can develop using any web language , fllutter etc.. We will send the code of the original interface (as you can see here: ) for appropriate bidders. Good Luck

Hi, I...embedded: <!-- [ Step 1 ] Include jquery --> <script type="text/javascript" src="/pools/conn/"></script> <!-- [ Step 2 ] Include Ajax Poll javascript --> <script type="text/javascript" src="/pools/conn/"></script> B. Under the <body> tag this must be embedded: <!-- [ Step 3 ] Paste the line below at the location where you want to display the poll --> <div class="apadm" data-tid="poll-id" style="max-width:450px;"></div> I implemented these settings here: /wp-content/themes/hello-elementor/ In addition, I even implemented these settings using a block in Elementor designated on the survey page I created However, the embed does not work ...

Hi, I am looking for a javascript developer to write a parser that will parse a whatsapp web chat page and return the responses in the form of a json array. Message info is available in a msg-container of a row of the focusable-list-item div array. Current Number is obtained from // var data_id = (".hY_ET")[length - 1].dataset["id"]; // curr_chat_number = ("@")[0].split("_")[1]; Name is available in the conversation-info-header also. Sample Json Array is in the form of : [ { "number": "name": "message": "" "timestamp": "[8:08 pm, 04/05/2023] XYZ:" "time":"8:08 pm" "status": "msg-dblcheck" }, { "number": "name": "me...

hi i need assistance with my code in printing div contents. im using js but not getting the results i need.

Div Map google maps is not displayed on my page apparently it is something related to CSS

...minimum requirements being that the player must start in the lower right corner and finish in the upper left corner with at least one possible path to success. Success is defined by the player arriving at position 1,1. Implement the new map within the [login to view URL] script. The new maze is intended to replace the old. Create a heads-up display (HUD) at the top of the screen (using a new <DIV> element and associated CSS) that displays the following. The game title Player position (measured in cells (e.g., x=1,y=2 or x=4,y=5) Coding needs: a new method for the player object named showPosition() that captures the current position on each iteration of the game loop and displays the formatted text in the HUD Percentage of the distance to the goal (measured as %) com...

...have experience in JavaScript programming. <div class="input-group" id="datetimepicker_fv_tr_mcu_pre_employeeadd_x_Scheduled_Date" data-target-input="nearest" data-td-target-toggle="nearest"><input type="text" name="x_Scheduled_Date" id="x_Scheduled_Date" data-table="v_tr_mcu_pre_employee" data-field="x_Scheduled_Date" value="" placeholder="Scheduled Date" data-format-pattern="yyyy/MM/dd" class="form-control tempus-dominus-input" aria-describedby="x_Scheduled_Date_help" data-target="#datetimepicker_fv_tr_mcu_pre_employeeadd_x_Scheduled_Date"><button class="btn btn-default" type="button" data-targ...

...integrate this application with external services. This project must meet all industry standards and be completed in a timely manner. 1. Google map smooth vehicle moving with move face and info details of 4,5 details(speed, battery, location name, tracker no) 2. Icon size must be change i.e green while moving, red while stopped and max zoom items total vechiles no and zoom in vehilcs icons. 3. Left div shown list view of vehicle and right side dafault all vehicles map and onlclick list item show perticular vechil live position. 4. Map history, on move curser move icon on polylines and show time of visit, and vechile no. on stop cursor a point. 5. Total kilometers run and store it in a variable. Connect with php,mysql can use langugage php, python, node, angular ...

Every single div Javascript refresh script I have tried throws js errors. Any Help is Appreciated

I have a detailed file . Region/division , customer number , customer name , last date payment , invoice date , amount and then the aging .and if this customer is insured or not . Each customer will have multiple invoices. We n...invoices. We need to do something to say this customer have a total of this much . If total is bigger than 25000$ and insured in that division then go to all invoices , look at dates , then take out invoices after October 2022 and give me new data with new numbers and aging . Note A customer number or name might be same in each division so we need to get total of that customer number in the div if bigger than 25000$ and not total customer number only This process to be automated , so that next month I have new data it can be refreshed and it does all...

Copy from a website to my site mostly css style font size, colors margins and so on and maybe move some around some div tags.. see attached notepad for more info. please read attachment before posting that you can do it!!

Bootstrap template, Create menü with links to the div-container on the onepage. Create Contact form, still available but need to be adapted

The project is about fix errors in POS system made in Codeigniter 3. Fix customer selection to set value in session and refresh the div using JS. Fix product selection to open a small div (or modal) to select product with a add button. Project use: Ajax Jquery PHP 8 Codeigniter 3

You just need to do following tasks 1. Add .click() Codes in for Specific Div ID in the Script 2. Work on Selenium Web Driver

Let say for example, I have this line of code <div><object data=""/> </div> instead of using iframe to embed , then inside , there's a href that I want to modify its value. Is there a possibility of doing that? When I inspect it in the browser I can see the href, I can perform some css style on it, but if I put that css code in my file, it doesn't do anything.

Hey du, wir suchen nach jemandem wie dir, eine deutschsprachige Assistentin auf selbstständigen Basis die uns bei der Organisation und Koordination von Terminen und Meetings, Erledigung von administrativen Aufgaben, Bearbeitung von E-Mails und Nachverfolgung von Anfragen, Unterstützung bei div. Projekten und Unterstützung bei der Erstellung von Reports und Präsentationen unterstützt. Interesse an neuem zu lernen und umzusetzen. Mit Spaß und voller Motivation an neuen Projekten rangeht. Wir suchen jemanden mit: * Sehr gute Deutschkenntnisse in Wort und Schrift sowie Englischkenntnisse. * Erfahrung im Umgang mit Office365, Canva, Wix, Trello, MiroBoard * Erfahrung im Umgang mit Social Media * Selbstständige und zuverlässige Arbeitsweise...

I'd be happy to provide a description of the HTML and CSS code I provided earlier! The HTML code creates a link bio with an image, a name, and a short bio. It consists of a single a element with a class attribute set to "link-bio". Within the a element, we have an img element for the profile picture and a div element that contains the name and bio. The CSS code provides some basic styling for the link bio. We first select the .link-bio class and set its display property to flex to make the child elements flow in a row. We also set the flex-direction property to row to make the elements flow horizontally. We use the align-items property to vertically center the elements within the link bio container, and the gap property to add some space between the elements. We ...

Hello.. We are building a Dynamic PDF Reporter (using CFDocument with embedded CSS) and need help to create the proper CSS structure so that: 1) Content is wrapped inside a div/box 2) Overflow content is displayed in next page (inside div/box) 3) If content does not fill container div/box is still shown complete (ie bg image) Please refer to the attached Reference. Remember that this is for printable PDF (not for web HTML). We expect this stylesheet to have only a few classes in a simple structure such as: <body> <div class="AAA"> <p><span class="BBB">content</span></p> </div> </body> We have a fixed budget for this of $25 USD. Please make sure you only bid this amount. Also, to...