Navigazione dall'Iframe - Quick Reference
Utilizzo Base
Dall'Iframe (PHP/JavaScript)
javascript
// Navigazione semplice
window.parent.navigation.navigateTo('/welcome');
// Navigazione a un modulo
window.parent.navigation.navigateTo('/r/modulo/vendite');
// Il path viene normalizzato automaticamente
window.parent.navigation.navigateTo('r/modulo/clienti'); // → /r/modulo/clienti1
2
3
4
5
6
7
8
2
3
4
5
6
7
8
Esempio PHP
php
<script>
// Dopo un'azione (es. salvataggio)
function onSaveComplete() {
window.parent.navigation.navigateTo('/r/modulo/lista-ordini');
}
// Link di navigazione
echo '<a href="#" onclick="window.parent.navigation.navigateTo(\'/r/modulo/clienti\'); return false;">
Vai ai Clienti
</a>';
</script>1
2
3
4
5
6
7
8
9
10
11
2
3
4
5
6
7
8
9
10
11
Verificare Disponibilità
javascript
if (window.parent && window.parent.navigation) {
window.parent.navigation.navigateTo('/welcome');
} else {
console.error('Navigation API non disponibile');
}1
2
3
4
5
2
3
4
5
Test
- Avvia l'applicazione:
npm run dev - Vai a:
http://localhost:5173/test-iframe - Usa il tab 🧭 Navigation per testare
Documentazione Completa
Vedi iframe-navigation.md per:
- Architettura completa
- Tutti i casi d'uso
- Debug e troubleshooting
- Integrazione con React Router