Toyota Québec | Outil de Diagnostic & Solutions

T

TOYOTA

Vinh | Services aux Conseillers

Sélectionner un Modèle :

Centre de Diagnostic Rapide

Bienvenue dans l'outil d'assistance Toyota. Utilisez la recherche intelligente ci-dessous ou sélectionnez une catégorie pour identifier rapidement les solutions aux problèmes de vos clients.

🔍

Explorer par Catégorie

${cat.name}

${cat.desc}

`).join(''); }, // Hành động khi nhấp vào một danh mục trên bảng điều khiển filterByCategory: function(catId) { this.state.selectedCategory = catId; this.navigate('kb'); }, setupGlobalSearch: function() { const input = document.getElementById('global-search'); input.addEventListener('keypress', (e) => { if (e.key === 'Enter') { this.state.searchQuery = input.value; this.navigate('kb'); } }); }, // Hiển thị lưới Cơ sở Kiến thức renderKB: function() { const container = document.getElementById('kb-results'); const countLabel = document.getElementById('kb-count'); const filtersLabel = document.getElementById('active-filters'); const data = db.getProblems(this.state.selectedModel, this.state.selectedCategory, this.state.searchQuery); // Cập nhật nhãn countLabel.innerText = `${data.length} kết quả tìm thấy`; let filterHtml = ''; if(this.state.selectedModel !== 'all') filterHtml += `

Mô hình: ${this.state.selectedModel}

`; if(this.state.selectedCategory !== 'all') { const catName = CATEGORIES.find(c => c.id === this.state.selectedCategory).name; filterHtml += `

Danh mục: ${catName}

`; } if(this.state.searchQuery) filterHtml += `

Tìm kiếm: "${this.state.searchQuery}"

`; filterLabel.innerHTML = filterHtml || '

Không có bộ lọc (Hiển thị tất cả)

'; // Hiển thị thẻ nếu (data.length === 0) { container.innerHTML = `

Không có kết quả nào phù hợp với tiêu chí tìm kiếm của bạn.

`; return; } container.innerHTML = data.map(item => { const catObj = CATEGORIES.find(c => c.id === item.cat); return `

${item.model} ${catObj.icon} ${catObj.name}

${item.title}

Vấn đề : ${item.description || item.desc}

Các giải pháp tiềm năng:

✔ ${s}

`; }).join(''); }, chartsInitialized: false, chartInstances: {}, updateCharts: function() { // Đảm bảo DOM đã sẵn sàng và hiển thị if(this.chartsInitialized && this.chartInstances['cat']) { // Chỉ cập nhật dữ liệu nếu là dữ liệu động return; } const stats = db.getStats(); const ctxCat = document.getElementById('chart-categories'); const ctxMod = document.getElementById('chart-models'); if(!ctxCat || !ctxMod) return; // Biểu đồ danh mục this.chartInstances['cat'] = new Chart(ctxCat, { type: 'doughnut', data: { labels: Object.keys(stats.catStats), datasets: [{ data: Object.values(stats.catStats), backgroundColor: ['#eb091d', '#000000', '#555555', '#999999', '#cccccc', '#e5e5e5'], borderWidth: 0 }] }, options: { responsive: true, maintainAspectRatio: false, plugins: { legend: { position: 'right' } } } }); // Mô hình biểu đồ this.chartInstances['mod'] = new Chart(ctxMod, { type: 'bar', data: { labels: Object.keys(stats.modelStats), datasets: [{ label: 'Nombre d\'incidents', data: Object.values(stats.modelStats), backgroundColor: '#000000', borderRadius: 4 }] }, options: { responsive: true, maintainAspectRatio: false, scales: { y: { beginAtZero: true } } } }); this.chartsInitialized = true; } }; // Khởi tạo ứng dụng khi tải window.addEventListener('DOMContentLoaded', () => { app.init(); });

Outil de dépannage (Toyota • Québec) — 500 situations & solutions

Filtrer & trouver

Astuce : cherchez un mot-clé (ex. « voyant », « frein », « CarPlay », « froid »).

Recherche

Catégorie

Motorisation / type

Niveau de risque (tri rapide)

0

résultats

500

situations

2–3

solutions chacune

Arrêtez immédiatement si vous avez : voyant rouge clignotant, fumée/odeur de carburant, perte de freinage, surchauffe, direction instable, ou tout comportement dangereux. Stationnez en sécurité et contactez l’assistance routière / un technicien qualifié.

Mode “hiver Québec” : plusieurs scénarios incluent le froid, la neige, le sel et les démarrages difficiles. Appliquez toujours les procédures du manuel du propriétaire pour votre modèle/année.

Personnalisation rapide : changez les variables CSS au début du fichier (--toyota-red, --bg, etc.) pour coller à votre site.

Situations & solutions Utilisez la recherche et les filtres à gauche.

Avis légal & disclaimer

Important

Ce widget n’est pas un outil officiel Toyota et n’est affilié à aucune entité Toyota. Il s’agit d’un guide général d’aide au client.

Information seulement : ceci ne constitue pas un diagnostic, un avis mécanique, ni une autorisation de réparation. Les véhicules, procédures et couples de serrage varient selon le modèle, l’année, la motorisation et les options.

Sécurité : n’effectuez pas de manœuvres risquées. En cas de doute, ou si un symptôme est grave (voyant rouge, fumée, odeur de carburant, perte de freinage, surchauffe, direction instable), cessez de conduire et contactez un professionnel.

Limitation de responsabilité : utilisation à vos risques. Aucune garantie d’exactitude, d’exhaustivité ou de résultats. Le propriétaire du site, ses employés et partenaires ne peuvent être tenus responsables de dommages, pertes, blessures ou frais liés à l’utilisation de ce contenu.

Références prioritaires : manuel du propriétaire, étiquettes du véhicule, recommandations du fabricant, et inspection par un technicien certifié.

Confidentialité : ce fichier fonctionne localement dans votre navigateur (aucune donnée n’est envoyée à un serveur par défaut).

Intégration (embed) dans votre site

Option A — iframe (simple) :

1) Téléversez ce fichier HTML sur votre site (ex. /outils/depannage-toyota.html)

2) Collez ceci où vous voulez l’afficher :

<iframe src="/outils/depannage-toyota.html" style="width:100%;height:920px;border:0" loading="lazy"></iframe>

Astuce : ajustez la hauteur selon votre page. Sur mobile, l’iframe peut nécessiter plus de hauteur.

Option B — page dédiée : utilisez le lien direct et placez un bouton “Dépannage” sur votre site.

Vous pouvez aussi désactiver la section avis légal si votre site en a déjà une (mais c’est recommandé de la conserver).

`).join(""); els.sevChips.addEventListener("click", (e)=>{ const chip = e.target.closest(".chip"); if(!chip) return; state.sev = chip.dataset.id; [...els.sevChips.querySelectorAll(".chip")].forEach(c=>c.dataset.on = (c.dataset.id===state.sev) ? "1":"0"); render(); syncToUrl(); }); } function matches(issue){ const q = state.q.trim().toLowerCase(); if(q){ const hay = (issue.title+" "+issue.description+" "+issue.catLabel+" "+issue.solutions.join(" ")).toLowerCase(); if(!hay.includes(q)) return false; } if(state.cat!=="all" && issue.cat!==state.cat) return false; if(state.power!=="all"){ if(!issue.applicable.includes(state.power)) return false; } if(state.sev!=="all" && issue.severity!==state.sev) return false; return true; } function makeTags(issue){ const sev = sevTag(issue.severity); const p = (state.power==="all") ? null : POWERTRAINS.find(x=>x.id===state.power); const powerTag = p ? `${p.label}` : ""; return `${powerTag}${sev.label}${issue.catLabel}`; } function issueHtml(issue){ const sev = sevTag(issue.severity); const icon = ICONS[issue.icon] || ICONS.shield; return `

${escapeHtml(issue.title)} ${makeTags(issue)}

${escapeHtml(issue.description)}

Solutions (2–3)

${escapeHtml(s)}

Astuce : si le problème revient malgré les actions simples, une lecture de codes/inspection est souvent la prochaine étape.

Vérifications rapides

${escapeHtml(s)}

Niveau de risque : ${sev.label}

`; } function render(){ const shown = ALL.filter(matches); els.countShown.textContent = String(shown.length); // Title/subtitle const catLabel = state.cat==="all" ? "Toutes catégories" : (CATEGORIES.find(c=>c.id===state.cat)?.label || state.cat); const powerLabel = POWERTRAINS.find(p=>p.id===state.power)?.label || "Toutes"; const sevLabel = state.sev==="all" ? "Tous risques" : (state.sev==="low" ? "Risque faible" : state.sev==="mid" ? "Risque modéré" : "Risque élevé"); els.listTitle.textContent = `Situations & solutions — ${catLabel}`; els.listSubtitle.textContent = `Motorisation: ${powerLabel} • Filtre: ${sevLabel}${state.q ? " • Recherche: “"+state.q+"”" : ""}`; // Render list if(shown.length===0){ els.list.innerHTML = `

Aucun résultat. Essayez un autre mot-clé (ex. “voyant”, “froid”, “frein”, “vibration”).

`; return; } els.list.innerHTML = shown.map(issueHtml).join(""); } function reset(){ state.q=""; state.cat="all"; state.power="all"; state.sev="all"; els.q.value=""; els.cat.value="all"; els.power.value="all"; [...els.sevChips.querySelectorAll(".chip")].forEach(c=>c.dataset.on = (c.dataset.id==="all") ? "1":"0"); render(); syncToUrl(true); } // --- URL sync (permet de partager un lien qui conserve les filtres) function readFromUrl(){ const u = new URL(location.href); state.q = u.searchParams.get("q") || ""; state.cat = u.searchParams.get("cat") || "all"; state.power = u.searchParams.get("power") || "all"; state.sev = u.searchParams.get("sev") || "all"; els.q.value = state.q; els.cat.value = state.cat; els.power.value = state.power; [...els.sevChips.querySelectorAll(".chip")].forEach(c=>c.dataset.on = (c.dataset.id===state.sev) ? "1":"0"); } function syncToUrl(clear=false){ const u = new URL(location.href); if(clear){ u.searchParams.delete("q"); u.searchParams.delete("cat"); u.searchParams.delete("power"); u.searchParams.delete("sev"); }else{ state.q ? u.searchParams.set("q", state.q) : u.searchParams.delete("q"); (state.cat!=="all") ? u.searchParams.set("cat", state.cat) : u.searchParams.delete("cat"); (state.power!=="all") ? u.searchParams.set("power", state.power) : u.searchParams.delete("power"); (state.sev!=="all") ? u.searchParams.set("sev", state.sev) : u.searchParams.delete("sev"); } history.replaceState({}, "", u); } async function copyFiltersLink(){ try{ await navigator.clipboard.writeText(location.href); toast("Lien copié ✅"); }catch(e){ // fallback const tmp = document.createElement("textarea"); tmp.value = location.href; document.body.appendChild(tmp); tmp.select(); document.execCommand("copy"); tmp.remove(); toast("Lien copié ✅"); } } // --- tiny toast let toastEl; function toast(msg){ if(!toastEl){ toastEl = document.createElement("div"); toastEl.style.position="fixed"; toastEl.style.bottom="18px"; toastEl.style.left="50%"; toastEl.style.transform="translateX(-50%)"; toastEl.style.background="rgba(17,17,17,.92)"; toastEl.style.color="#fff"; toastEl.style.padding="10px 12px"; toastEl.style.borderRadius="999px"; toastEl.style.fontSize="13px"; toastEl.style.zIndex="9999"; toastEl.style.boxShadow="0 10px 25px rgba(0,0,0,.2)"; toastEl.style.opacity="0"; toastEl.style.transition="opacity .2s ease"; document.body.appendChild(toastEl); } toastEl.textContent = msg; toastEl.style.opacity="1"; clearTimeout(toastEl._t); toastEl._t = setTimeout(()=> toastEl.style.opacity="0", 1600); } function escapeHtml(s){ return String(s) .replaceAll("&","&") .replaceAll("",">") .replaceAll('"',""") .replaceAll("'","'"); } // --- events els.q.addEventListener("input", (e)=>{ state.q=e.target.value; render(); syncToUrl(); }); els.cat.addEventListener("change", (e)=>{ state.cat=e.target.value; render(); syncToUrl(); }); els.power.addEventListener("change", (e)=>{ state.power=e.target.value; render(); syncToUrl(); }); els.resetBtn.addEventListener("click", reset); els.printBtn.addEventListener("click", ()=> window.print()); els.copyLinkBtn.addEventListener("click", copyFiltersLink); els.collapseAllBtn.addEventListener("click", ()=>{ [...document.querySelectorAll("details.issue")].forEach(d=>d.open=false); toast("Tout replié"); }); els.expandTopBtn.addEventListener("click", ()=>{ const list = [...document.querySelectorAll("details.issue")]; list.forEach((d,idx)=> d.open = idx