Daughterboard audio/USB

Watch the tutorial on YouTube


Replacement Instructions

10 min
Easy

Requirements:

A soft surface
– For example, you can use a towel

A container to store the screws
– Make sure not to lose the screws

Daughterboard audio/USB
Screwdriver
Spudger (or a similar plastic tool)

Place the laptop upside down on a soft surface.

This prevents scratches on the laptop lid.

Then remove all screws using the screwdriver.

Take the spudger and place it between the bottom case and the hinge.

Gently push against the hinge. Do this on both sides.

You can now carefully remove the entire bottom case.

You can now replace the USB/audio daughterboard.

To remove the daughterboard, unscrew the two screws from the daughterboard and also the top-right battery screw. Also disconnect the FFC cable.

Gently pull the daughterboard out at an angle. Install the new daughterboard in reverse order.

Place the bottom case back by aligning it correctly.

Gently press along all edges of the panel.

Make sure the bottom case fits properly all around.

Use the screwdriver to tighten the screws again.

This was the final step. Your laptop is now ready for use.

Well done!

×
❮

❯

.image-container {
}

.zoom-image, .aligncenter.size-large {
}

.zoom-image:hover {
}

.zoomoverlay {
display: none;
position: fixed;
transition: opacity 0.3s ease !important; /* Fade effect */
}

.zoomoverlay.show {
display: flex; /* Make it a flex container when shown */
opacity: 1; /* Fully visible */
}

.zoomoverlay img {
}

#close {
position: absolute;
top: 20px;
}
.nav-btn {
position: absolute;
top: 50%;
transform: translateY(-50%);
background-color: rgba(255, 255, 255, 0.3);
font-size: 24px;
transition: background-color 0.3s ease;
z-index: 11;
}

.nav-btn:hover {
background-color: rgba(255, 255, 255, 0.6);
}

.prev-btn {
left: 20px;
}

.next-btn {
right: 20px;
}

document.addEventListener('DOMContentLoaded', function() {
const parentDiv = document.getElementsByClassName('repair-badges')[0].parentElement;
const images = parentDiv.querySelectorAll('img[src$=".png"]');
let imageArray = []; // Array om alle afbeeldingen op te slaan
let currentImageIndex = 0; // Huidige afbeelding bijhouden

images.forEach((image, index) => {
// Check if the image is inside an anchor tag and skip if it is
if (image.parentElement.tagName.toLowerCase() === 'a') {
return; // Skip this image
}

image.classList.add('zoom-image'); // Add the zoom class
imageArray.push(image); // Voeg toe aan array

image.addEventListener('click', function() {
currentImageIndex = imageArray.indexOf(this); // Stel huidige index in
showImage(this.src);
});
});

function showImage(src) {
const overlay = document.getElementById('zoomoverlay');
const enlargedImage = document.getElementById('enlargedImage');
let originalSrc = src;

// Check for the '300x' in the filename
if (originalSrc.includes('300x')) {
const lastDashIndex = originalSrc.lastIndexOf('-');
if (lastDashIndex !== -1) {
originalSrc = originalSrc.substring(0, lastDashIndex) + '.png';
}
}

enlargedImage.src = originalSrc;

// Show the overlay with fade-in
overlay.style.display = 'flex';
setTimeout(() => {
overlay.classList.add('show');
}, 10);
}

function navigateImage(direction) {
if (imageArray.length === 0) return;

if (direction === 'next') {
currentImageIndex = (currentImageIndex + 1) % imageArray.length;
} else if (direction === 'prev') {
currentImageIndex = (currentImageIndex - 1 + imageArray.length) % imageArray.length;
}

showImage(imageArray[currentImageIndex].src);
}

document.getElementById('close').addEventListener('click', closeOverlay);
document.getElementById('prevBtn').addEventListener('click', () => navigateImage('prev'));
document.getElementById('nextBtn').addEventListener('click', () => navigateImage('next'));

// Close overlay if clicking elsewhere on the overlay
document.getElementById('zoomoverlay').addEventListener('click', function(e) {
if (e.target !== this && !e.target.classList.contains('nav-btn')) return;
closeOverlay();
});

// Keyboard navigation
document.addEventListener('keydown', function(event) {
const overlay = document.getElementById('zoomoverlay');
if (!overlay.classList.contains('show')) return; // Alleen actief als modal zichtbaar is

if (event.key === 'Escape') {
closeOverlay();
} else if (event.key === 'ArrowRight') {
navigateImage('next');
} else if (event.key === 'ArrowLeft') {
navigateImage('prev');
}
});

function closeOverlay() {
const overlay = document.getElementById('zoomoverlay');
overlay.classList.remove('show');

setTimeout(() => {
overlay.style.display = 'none';
}, 300);
}
});